具有多环境Azure的VSTS中Angular4应用程序的CI CD管道

时间:2018-08-21 18:14:08

标签: angular azure azure-web-sites azure-pipelines azure-pipelines-release-pipeline

我有一个Angular 4前端应用程序,它没有像Java或.Net这样的后端。只是一个前端UI,我需要将其作为Web App托管在Azure中。它具有几组特定于环境的变量。现在,对于每个特定的环境,我都有单独的构建和发布。当我需要每次构建和部署时,这是一种乏味的工作。

问题是: 1.我想知道如何读取Angular 4中Azure应用服务中的应用设置。 2.如何拥有一个单独的版本,并仅针对每个特定的环境更改应用程序设置。

预先感谢

1 个答案:

答案 0 :(得分:1)

我们有3个环境,但是我们仅运行ng build,那么我们如何处理发布环境?

当您运行ng build --test/prod/etc.时,文件main.bundle.js会根据环境配置文件在特定位置上获得不同的值,因此我们只有一个构建定义,并且仅运行{ {1}},但是在我们的发布渠道中,我们根据正确的环境替换了ng build文件中的值。

您可以使用Powershell脚本或Replace task替换这些值。