时间戳

首页 > 解决方案 > 将 Angular 项目 ARM 部署到 Azure Web 应用程序

angular - 将 Angular 项目 ARM 部署到 Azure Web 应用程序

问题描述

如何仅使用 PowerShell 和 Azure 资源管理器模板将 Angular 项目发布到我的 Azure Web 应用程序。

我已经对 .Net Core 应用程序做了同样的事情。我在 Visual Studio 中使用 ARM 和 PowerShell 发布了它，但对于 Angular 项目，它似乎并不那么容易。

标签： angularazurepowershellazure-web-app-serviceazure-resource-manager

解决方案

如果我没记错的话，我认为我们可能无法使用 Angular 项目的 ARM 模板进行端到端的构建、发布和部署活动。

但是我们也许可以使用 PowerShell 来完成它，即在 PowerShell 脚本的帮助下，如下所述。

  1. 从 App 服务获取发布配置文件详细信息并将其用作脚本的输入之一。

  2. 运行正常的 npm、ng 命令（典型的 Angular 项目需要这些命令）。

  3. 将构建和其他所需的工件发布到 kudu 或 Web 应用程序以进行部署。

    3.1。使用 Invoke-AzureRmResourceAction cmdlet 获取 Kudu API 授权标头值，方法是将资源类型指定为 Microsoft.Web/sites/config，将资源名称指定为 YOURWEBAPPNAME/publishingcredentials 以及其他所需的详细信息。

    3.2. 通过将 URI 作为 Kudu API URL 和其他所需详细信息，使用 Invoke-RestMethod cmdlet 将文件上传到 Web 应用程序。

但是，我建议您使用 Azure DevOps 方式或 VSCode 方式（使用本地 Node.js 服务器），我想您可能已经知道了。

希望这至少在某种程度上有所帮助！干杯！！

推荐阅读