CRA относится к Create React App, популярному инструменту для создания приложений React. Когда дело доходит до использования переменных среды с Create React App и безопасного управления ими, вы можете использовать несколько методов. Вот несколько подходов:

1. Использование файлов .env: Приложение Create React поддерживает использование файлов .envдля хранения переменных, специфичных для среды. Вы можете создать файл .envв корне вашего проекта и определить там свои переменные. Например, вы можете иметь переменную с именем REACT_APP_API_KEYв вашем файле .envи получать к ней доступ в своем коде с помощью process.env.REACT_APP_API_KEY.

2. Несколько файлов .env: приложение Create React позволяет создавать несколько файлов .envдля работы с различными средами, такими как разработка, производство и тестирование. Назвав эти файлы как .env.development, .env.productionи .env.testсоответственно, приложение Create React автоматически загрузит соответствующий файл в зависимости от среды.

3. Переменные среды в сценариях сборки. Вы можете определить переменные среды непосредственно в сценариях сборки. Например, в разделе scriptsвашего файла package.jsonвы можете установить переменную среды перед запуском команды сборки. Например, "build": "REACT_APP_API_KEY=сборка сценариев реакции вашего API-ключа".

4. Переменные среды выполнения. Если вы предпочитаете устанавливать переменные среды во время выполнения, а не использовать файлы .env, вы можете использовать серверный рендеринг (SSR) или бессерверные функции для получения переменных. из безопасного места, например внутреннего сервера или облачной службы.

Эти методы обеспечивают гибкость в управлении переменными среды в проектах Create React App.