ASP.NET Core 2 + Angular -> 如何设置 VSTS？

Question

我已将ASP.NET Core + Angular WebApp上传到 GitHub（通过 VSTS），现在我想设置 CI 管道。 之后，我想将我的应用程序部署到 Azure 。

在模板部分 - 有一个ASP.NET Core 模板，还有一个Azure Web App 模板。

考虑到我的情况哪个更适合这种情况？

Answer 1

我在Levi Fuller 的博客中找到了几乎完美的工作答案。 你可以通过一个小的改变让它工作：与 Levi 所说的不同，你真的只需要一个npm 任务

1. 设置npm 任务
   • 通过单击三个点按钮 -> 将带有 package.json的工作文件夹设置为包含 package.json 文件的文件夹。

2. 设置Azure 应用服务部署
   • 通过单击三个点按钮 -> 将包或文件夹设置为包含 .csproj 文件的文件夹。

Answer 2

没有直接使用的构建模板，模板使用方便，需要根据具体需求修改。

请参阅以下步骤：

1. 转到团队项目的构建页面（例如https://XXX.visualstudio.com/[teamproject]/_build ）
2. 单击 +New 按钮以使用 ASP.NET Core 模板创建构建定义

3. 在 .NET Core 还原任务之前添加 npm install 任务（命令： install ；工作文件夹与 package.json:[package.json 文件夹路径]）

4. （可选）如果不需要，请删除/禁用 .NET Core 测试任务
5. 在末尾添加 Azure 应用服务部署任务（包或文件夹： $(build.artifactstagingdirectory)/**/*.zip ; 选中Publish using Web Deploy选项）

注意：您可以移动第 4 步来发布并将此构建链接到发布（将包或文件夹更改为$(System.DefaultWorkingDirectory)/**/*.zip ）。