Где хранить ключ (access_token) env в create-react-app (CRA)?

Question

[Daniil]

Добрый день. Возникла необходимость хранить access token для API, как я понял, в CRA (create react app) есть место, где можно хранить, и вроде надо копать в строну env - параметром. Кто - то может подсказать как это все сделать? Пожалуйста.

Comments

[Максим]

TchernyavskD гуглится неплохо - https://www.google.ru/search?q=create+react+app+en... подходит?

[Daniil]

Максим, Да, как раз читаю. Как понял, надо создать файл .env просто и там уже работать

[sim3x]

В любом случае внесите .env в gitignore

АПД: ниже уточнили, каковы на самом деле правила работы с секретами в реакте

[Макс]

sim3x, .env должен загружаться в систему контроля версий, а его локальные версии нет. Хорошо расписано тут: https://github.com/facebook/create-react-app/blob/...

[Макс]

sim3x,

.env files should be checked into source control (with the exclusion of .env*.local).

Из раздела Adding Development Environment Variables In .env

[sim3x]

Maxim, Пожалуй ваш коментарий тянет на ответ

Answer 1

[Макс]

Короткая инструкция:
1. Создать файл .env в корне проекта с содержимым вида REACT_APP_USER_TOKEN=Put token here
2. Создать файл .env.local в корне проекта с тем же содержимым что и у .env, только вместо Put token here вставить реальный ключ.
3. Добавить в .gitignore правило: .env*.local
4. npm run start -- очень важно выполнять сборку проекта при изменении переменных окружения.

Доступ к значению переменной осуществляется вызовом process.env.REACT_APP_USER_TOKEN

Полная инструкция