Импорт переменных среды в HTML с помощью Netlify

Question

Я использую переменные окружения в своем коде JS на своем сайте Netlify, и он работает очень хорошо, просто устанавливая их в «Переменные среды сборки», затем используя

process.env.EMAIL_SERVICE

У меня естьHTML-файл на Github, который запускает несколько сайтов Netlify.Я хочу опубликовать PUBLIC_URL , который хранится в переменных среды для каждого сайта в Netlify.Как я могу использовать это, сохраняя и скрывая мои другие «секретные» переменные окружения, которые хранятся в Netlify.

Здесь есть статья о доступе к ним в браузере, но это зависит от доступа / bin, которого я не делаю.есть в Netlify

https://www.simonewebdesign.it/how-to-get-environment-variables-in-the-browser/

Есть идеи?

Answer 1

Вы можете изменить разрешение скрипта, чтобы он запускался, если вы хотите использовать этот метод.

bin/env.sh

echo "env = {"
echo "  PUBLIC_URL: '$PUBLIC_URL'"
echo "}"

Вы настроили команду для запуска на сайтеили netlify.toml, предшествующий или являющийся частью сборки

chmod +x ./bin/env.sh && ./bin/env.sh > env.js

, выдаст:

env.js

env = {
  PUBLIC_URL: 'your_value_from_environment_variable_PUBLIC_URL'
}

ПРИМЕЧАНИЕ: Есть и другие способы получить переменные env в ваш javascript, используя инструменты сборки.Этот ответ показывает, как изменить сценарий оболочки, чтобы иметь разрешение на выполнение в Netlify.