首页 > 解决方案 > Azure DevOps CI/CD - Angular 项目 - nodeJS

问题描述

AzureDevOps 管道

嗨,我即将为 Azure DevOps Repo 中的 Angular 项目做 CI 和 CD。我对此很陌生,并参考了很多文档,但我仍然无法做到。有人可以帮助逐步完成下面列出的管道任务(如果有视频),

1) 管道,2) 环境,3) 版本 4) 库 5) 任务组 6) 部署组。

提前致谢。

标签: node.jsazure-devopscontinuous-integrationangular8continuous-deployment

解决方案


1)流水线

Azure Devops 管道有两种格式:Classic(UI) 管道和 Yaml 管道。

在此处输入图像描述

他们有不同的特征能力。我们可以在这里创建 Classic Build 管道或多阶段 Yaml 管道

2)环境

环境代表以部署为目标的资源集合。它主要用于 CD,在 Classic 管道中不可用,仅在 Yaml 管道中可用。

3) 发布

我们可以在这里创建和管理经典发布管道。主要用于CD。

4) 图书馆

我们可以使用这个选项来管理一些变量组。通常我们可以定义管道变量,但这些变量在另一个新管道中无效。为了重用一些公共变量(Share variables across pipelines),我们可以考虑使用Library下的Variable Groups。

5) 任务组

类似于Library下的Variable Group,用于复用Task。如果我们有许多管道使用一些类似的任务,我们不需要每次都用任务组一个一个地定义任务。请参阅创建任务组

6) 部署组

在此处查看其相应的文档:

部署组是一组逻辑上的部署目标机器,每台机器上都安装了代理。部署组代表物理环境;例如,“开发”、“测试”、“UAT”和“生产”。实际上,部署组只是代理的另一组,很像代理池。

注意:您图片中的Deployment Groups仅支持经典发布管道,不支持 yaml 管道。

我即将为 Azure DevOps Repo 中的 Angular 项目做 CI 和 CD。

刚接触 Azure Devops 时,不需要了解上述所有选项。有关 Angular 项目的快速入门,请参见此处:

1.建立你的角度项目。它可以是一个像这样的简单脚本:

- script: |
    npm install -g @angular/cli
    npm install
    ng build --prod

2.要部署它,您可以考虑使用Azure Web App Deploy Task

这是来自r3plica的详细描述。您可以使用同名任务轻松将其转换为经典 UI 格式。


推荐阅读