如何为MVC + Angular应用程序实现CI / CD

时间:2019-12-13 10:55:05

标签: azure azure-devops continuous-integration continuous-deployment

我找到了许多有关为Angular应用程序实现CI / CD的文章,但并没有太大帮助。

我的UI项目是MVC和Angular的组合。我想为此UI项目实现CI / CD。

我完全困惑如何实现。

有人可以建议

1 个答案:

答案 0 :(得分:0)

  

如何为MVC + Angular应用程序实现CI / CD。我找到了许多有关为Angular应用程序实现CI / CD的文章,但并没有太大帮助。

这是一个广泛的问题,通常您可以使用Build管道和Release管道为您的项目实现CI / CD。我假设您的项目以asp.net核心为目标,所以这是一个有关如何为asp.net核心Web应用程序执行CI / CD的问题...

1。添加到源代码管理:确保已将项目添加到源代码管理。为此,建议您参考create a new repo。您可以选择通过VS UI或命令行将项目推送到Azure Devops存储库。

如果已安装VS,则假设您具有项目文件(.csproj)和解决方案文件(.sln),请在VS中打开它,然后单击右下角的Add to Source Control按钮将项目添加到源代码中控制并将其推送到Azure Devops Repos。

2。使用构建管道:

创建一个新的构建管道(经典编辑器对此新成员而言更为友好)并选择源(在Step1中使用Azure Devops Repos),然后单击Continue

您可以选择Asp.net核心模板,它包含以下任务:dotnet restore(还原nuget程序包)=> dotnet构建(构建项目)=> dotnet测试(测试程序集)=> dotnet publish(发布到特定路径)=>发布工件(发布发布管道的构建结果,构建和发布管道之间的“桥梁”)

3。使用发布管道:

关于asp.net核心Web应用程序的部署,您可以参考this document。您应该添加一个工件=>选择构建管道。

1)在任务选项卡中,右键单击stage1并添加部署组job =>添加Manage IIS website task+Deploy IIS website/App(如果要将其部署到IIS)。

2)如果要部署到Azure App Service,请右键单击stage1 =>添加代理作业=>添加Azure App Service Deploy任务。