azure - 将 Azure 应用服务应用程序设置传递给 SPA JS 应用程序

Question

案例:该解决方案由在 Azure 应用服务中配置的两个 Web 应用组成。第一个托管后端 API (Asp.Net Core)，第二个托管 SPA 前端网站。

在这个项目中，我们决定从前端 Web 应用程序中完全删除应用程序服务器(Kestrel/Node.JS)，因为实际上并不需要这样做。应用程序是一个简单的单页应用程序，可以直接从 IIS 托管。该应用程序本身运行完美。然而，现在当我们实现 CI/CD 管道时，我们遇到了一个问题。相同的构建需要在 QA 和生产环境中运行。但是，当没有应用程序服务器和服务器端代码时，我们如何将 API 地址从 Azure 应用服务应用程序设置传递到在浏览器中运行的 SPA 应用程序呢？

我们无法修改持续集成管道 - 构建需要在两个环境中完全相同。然而，理论上我们可以在持续交付管道的末尾添加一个步骤，例如修改 web.config 以传递自定义 header 或添加一个静态文件来告知有问题的环境并从应用程序中读取该文件，但我不确定这是否是正确的方法。是否有任何我不知道的应用服务扩展或功能允许将变量从 Azure 应用服务传递到浏览器？

Answer 1

我们选择的是读出我们通过部署步骤设置的 json 设置文件。

因此，在您的代码库中，您有一个文件始终由具有默认开发设置的应用程序读取。

在我们的 VSTS 设置中，我们使用“Azure 应用服务部署”任务来部署代码。

在同一任务中，您有一个名为“文件转换和变量替换选项”的部分。 XML 内容仅适用于 web.config，但对于 JSON 变量替换部分，您可以指定文件名。