导入环境变量转换成HTML与Netlify

Question

我用我的Netlify网站我的JS代码中的环境变量和它的作品真的很好只是将它们设置在“构建环境变量下”，然后使用

process.env.EMAIL_SERVICE

我有一个运行了几个Netlify网站在Github上的HTML文件。我要发布存储在环境变量中Netlify每个站点PUBLIC_URL。我怎么会用这个，同时保留和隐藏我的另一“秘密”环境上存储的Netlify变量。

有文章在这里关于在浏览器中访问他们，但依赖于/箱存取，我不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。这个答案是展示如何改变你的shell脚本有权对Netlify执行。