构建 Angular 应用程序后如何获取和读取环境文件

Question

我正在构建一个角度应用程序。这个有角度的应用程序将交付给具有不同需求和基础设施的多个客户。它将需要几个值（例如后端服务器、标题等），这些值应该由客户在安装时进行配置。

在调试中，我完全可以想象这些值来自environnments/environments.ts文件，但是一旦构建，就environment.prod.ts无法再更改，因此可能无法构建。

我如何向角度应用程序提供值（我猜是通过某些文件或环境变量）（以及如何读取它们）？

目前尚未决定，但很可能构建的文件将包装在 nginx docker 镜像中。

Answer 1

考虑到您希望首先构建应用程序，然后选择特定的环境来部署它，本教程可能对您有用。总而言之，您只需遵循 4 个步骤：

1. 在src文件夹中添加JSON配置文件
2. 更新我们的 Angular/webpack 配置以将该文件包含在我们的 dist 文件夹中
3. 添加一个简单的配置服务，通过调用从配置文件中获取配置数据
4. 使用 APP_INITIALIZER 在引导过程中调用检索配置数据的方法

如果您遵循这 4 个步骤，您的配置将是文件夹内的 JSON dist（或 angular.json 文件中的任何其他输出路径）。

至于docker部分，您可以直接在nginx容器中添加配置文件。尽管我猜测您更愿意创建一个 docker 卷。因此，您不必担心为每个客户端复制正确的配置文件，而只需将其特定的配置文件保留在其服务器中即可。