В этом уроке я покажу вам, как всего за пару минут настроить переменные среды в приложении Codesphere.
Если у вас есть определенные переменные, такие как URL-адреса базы данных или ключи API, которые вы не хотите показывать публично в репозитории, вы можете использовать переменные среды, чтобы сделать эти переменные доступными только в вашей среде развертывания.
В этом примере у нас есть простое приложение React Typescript. Мы можем перейти на вкладку инфраструктуры и щелкнуть переменные среды.
Оттуда давайте добавим переменную. Теперь, если вы используете React, все ваши переменные среды должны начинаться с REACT_APP_, но конкретные соглашения об именах будут отличаться от языка к языку.
Пусть эта переменная хранит API-ключ, и давайте просто присвоим ей случайную строку в качестве значения.
Теперь, чтобы доказать, что он доступен, давайте перейдем к нашему файлу app.tsx и отобразим заголовок, который показывает это значение. В React мы можем получить доступ к значению с помощью process.env.REACT_APP_API_KEY.
<h2>{process.env.REACT_APP_API_KEY}</h2>
Опять же, конкретный синтаксис для доступа к вашим переменным среды зависит от используемого вами языка и фреймворка, но этот процесс остается постоянным с точки зрения создания ваших переменных в Codesphere.
Спасибо за прочтение. Чтобы узнать больше о том, как Codesphere перестраивает работу с облаком, посетите Codesphere.com.
