ASP.NET Core 2 + Angular - ＆gt;如何设置VSTS？

Question

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

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

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

Answer 1

我在Levi Fuller's blog找到了几乎完美的工作答案。 你可以通过一个微小的改变来实现它：与Levi所说的不同，你真的需要只有一个 npm任务

1. 设置 npm任务
   • 点击三个点按钮 - ＆gt;将 Working文件夹与package.json 设置为包含package.json文件的文件夹。




1. 设置 Azure App Service Deploy
   • 点击三个点按钮 - ＆gt;将包或文件夹设置为包含.csproj文件的文件夹。

Answer 2

您没有直接使用的构建模板，模板使用方便，您需要根据详细要求对其进行修改。

请参阅以下步骤：

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





1. 在.NET Core Restore任务之前添加npm安装任务（命令：install;使用package.json工作文件夹：[package.json文件夹路径]）



1. （可选）如果您不需要
，请删除/禁用.NET Core Test任务
2. 最后添加Azure App Service Deploy任务（包或文件夹：$(build.artifactstagingdirectory)/**/*.zip;检查Publish using Web Deploy选项）



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