Как использовать переменную окружения в Github Page?

Question

Я хочу развернуть свой проект create-Reaction-app на страницах github.Но у меня есть несколько секретных ключей.Как я могу управлять этими ключами в моем приложении реакции?

Answer 1

Если они действительно секретны, и поэтому их не должно быть в хранилище, тогда нет способа справиться с этим с помощью github-страниц.

Если вы в порядке симея их в хранилище, затем поместите их в .env и получите доступ через process.env

Answer 2

Вы можете развернуть свой проект на Heroku, где вы можете настроить свой секретный ключ.

Answer 3

Чтобы использовать переменные среды, следует придерживаться общего подхода:

• Не показывать их публично
• Держать его локальным во время разработки / производства и игнорироватьв .gitignore файле.
• Создайте статическую сборку из своего приложения. Затем разверните ее на страницах github или любом другом статическом хосте веб-сайта.

Работая с create-react-app, вы получаете их преимущества, вы можетесоздайте .env в вашей папке root .Структура файла .env должна соответствовать приведенной ниже структуре ключ-значение: -

REACT_APP_SECRET_CODE1=dev123
REACT_APP_SECRET_CODE2=prod456

Ключи в файле должны иметь префикс REACT_APP, и вы можете использовать эти ключи для доступа к переменной в вашем приложении,Например,process.env.REACT_APP_SECRET_CODE, это будет иметь значение dev123