angular - 在 Azure 中部署 Angular 应用并使用 VSTS 配置 CI/CD

Question

我正在学习在 Azure 中部署 Angular 应用程序并使用 VSTS 配置 CI/CD。

因此，我根据本教程创建了 AngularHeroes 应用程序。

在 Azure 中创建了一个新资源（Web 应用服务）。

在 VSTS 中，创建了一个新项目，添加了一个 VSTS 存储库并将其克隆到本地以推送 Angular 应用程序代码。为了设置 CI/CD，我遵循了这篇 msdn文章。并将构建定义排入队列，但失败并出现以下错误，“npm failed with return code 4294963238”。所以，我检查了这篇 git文章。

此外，我使用此 VSTS 项目配置了 azure 应用程序的部署选项。并将代码从本地推送到 VSTS 存储库并尝试再次运行构建，但得到了同样的错误。

所以，我被困住并找出丢失的部分。请让我知道这里出了什么问题...

我还附上了配置的屏幕截图，以及，以便更多地了解配置。

标签： angularazureazure-devopsazure-pipelinesazure-deployment

Answer 1

1）在VSTS上创建帐户并创建项目

2）如果您在 VSTS 上有代码，请添加代码

3）转到构建选项卡并单击构建

4）现在创建管道

4.1) 点击构建并创建构建管道

4.2) 从代码源列表中添加 bitbucket 或任何其他版本控制

4.3 ) 选择 npm 并添加以下命令

4.4）选择另一个npm并添加以下命令

4.5）现在选择命令行并添加以下命令

4.6) 创建另一个 npm 并执行以下命令

4.7) 多一个 npm 并添加以下命令

4.8 ) 选择 Azure App Service Deploy 并添加以下命令

4.9) 最后的步骤

5 ) 点击保存和排队，将显示结果，您也可以配置电子邮件通知