Запустите переменный ключ API Netlify при сборке, скрыв ключ от репозитория github

Question

Я использую модуль DOTENV, я хочу спрятать свой ключ api в моем репозитории github, однако Netlify нуждается в этом для создания вызова API.Я хочу создать переменную, которая запускается при сборке в Netlify, но все еще работает в моей версии для разработки.

В моем коде я использую это:

 let unsplashApiKey = process.env.REACT_APP_UNSPLASH;

Который ссылается на .env в корне, это работает на моем локальном хосте dev, я могу игнорировать это с gitignore, но тогда Netlify нуждается вэто .env для запуска своей сборки, потому что он строит прямо из репо.

Я видел в DEPLOY SETTINGS в Netlify эту опцию: «Переменные среды», она позволяет мне указывать имя и ключ, кажется, что мне нужно.Как тогда заставить эту переменную работать для моего API внутри моего кода?

Answer 1

все, что мне нужно было сделать, это вызвать переменную окружения следующим образом: REACT_APP_UNSPLASH Из-за того, что мой код был таким: let unsplashApiKey = process.env.REACT_APP_UNSPLASH;

Я использовал unsplashApiKey в переменной Netlify, которая не былаза работой.Теперь я смог спрятать файл .env в своем репо, но у меня он есть в моем локальном хранилище, поэтому скрывал ключ api от возможных отвратительных людей.Счастливые дни!