node.js - 将 Heroku 环境变量与 angular-cli 一起使用，通过 Node 服务器部署

Question

我真的很喜欢 Django 在 Heroku 上使用 dotenv 变量的实现，并希望将其带到我们的 angular-cli 客户端 (Angular 2)。

为了在 Heroku 上运行客户端，我通过运行 Express 服务器的 Node 来运行应用程序。

1. Node 可以使用 process.env.VARNAME 访问 Heroku 的环境变量，但我不明白如何将这些变量传递给我的应用程序。
   如何在我的应用中读取 Heroku 的变量？

2. 据我了解，在使用 angular-cli 时，我应该使用environment.ts/environment.prod.ts 文件来分隔环境设置。

   但是，我不想将这些变量上传到 Bitbucket - 这让我又开始思考如何从 Heroku 的变量中设置这些变量(当然 process.env.VARNAME 不起作用...)

这是推荐的做法还是我错过了什么？

Answer 1

由于您的服务器是 NODE 服务器，因此它有可能进行处理，而不仅仅是提供静态文件。这为您提供了多种选择。

1. 您可以使用 NodeJS 服务器处理的模板语言在提供 HTML 之前将环境变量嵌入到 HTML 中

2. 您可以有一个 CONFIG 类型端点，其中包含通常存储在环境变量中的配置。您的应用程序在启动时可以访问此端点并获取稍后可以使用的配置数据。

这是首先想到的两个选项 - 但您可以通过多种方法来处理这个问题。

需要注意的重要一点是，Angular 是一个客户端 JavaScript 框架，这意味着没有安全性 - 您发送到 Angular 的任何内容都可以被使用 Angular 应用程序的任何人读取。因此，发送给 Angular 使用的内容时不要依赖 secret 性，这一点很重要。