使用Visual Studio Team Services持续集成（二）——为构建定义属性

╰半夏微凉° 2022-05-29 22:17 140阅读 0赞

# 使用Visual Studio Team Services持续集成（二）——为构建定义属性 #

#### 1.从VSTS帐户进入到**Build** ####

#### 2.编辑构建定义并单击**Options** ####

![这里写图片描述][70]

***Description:***如果这里明确描述，当在团队项目的Build区域中选择它时，它会显示在构建定义的名称旁边。

***Build number format:***如果将其留白，那么完成的构建将被赋予一个惟一的整数作为其名称。但是可以为团队提供更有意义的名称。可以使用字母、变量和下划线的组合。

***Default agent queue:***选择连接到包含您想要运行该定义的代理池的队列。要构建代码或部署软件，至少需要一个代理，随着添加更多的代码和人员，将会需要更多的代理。

***Build job authorization scope:***指定构建作业的授权范围。**项目集合**，如果构建需要访问多个团队项目。

***Demands:***使用demands来确保构建需求在运行它的构建代理上运行。Demands通过构建步骤或手动声明。

#### 3.点击**Triggers**。在触发器选项卡上，指定触发构建的事件。可以对CI和计划构建使用相同的构建定义。 ####

***Continuous integration (CI):***如果希望构建在某人签入代码时运行，请选择该触发器。

***Batch changes:***如果有很多团队成员经常上传更改，并且希望减少正在运行的构建的数量，那么勾选这个复选框。如果选择该选项，当构建运行时，系统将等待直到构建完成，然后对尚未构建的所有更改使用一个新构建进行排队。如果正在使用批处理更改，还可以指定每个分支并发构建的最大数量。

***Branch filters:*** 可以使用通配符指定要触发构建的分支。

***Path filters:***还可以指定路径筛选器来减少要触发构建的文件集合。.  
![这里写图片描述][70 1]

#### 4.点击**Scheduled**。选择想要运行的构建，配置相应的日期和时间。 ####

![这里写图片描述][70 2]

#### 5.点击**Retention**选项卡。在大多数情况下，不需要完成的构建超过一定天数。保留策略会自动删除旧的已完成的构建，以减少混乱。可以在构建定义的Retention选项卡上修改这些策略。 ####

#### 6.单击**Variables**选项卡。可以添加新的用户定义的变量。 ####

*  BuildConfiguration: 发布
 *  BuildPlatform: 任何cpu
 *  WebDir: src/MyHealth.Web **Secret Variables**:建议如果变量包含了密码、密钥或其他一些需要避免暴露的数据，那么就应该对其进行保密。
 *  ![这里写图片描述][70 3]
    
    现在，修改构建步骤使用新的变量。单击**npm**任务，并在工作目录属性中使用**WebDir**变量。

![这里写图片描述][70 4]

### 任务2：添加构建任务 ###

从团队项目中删除未使用的repo，以组织项目的源代码。

#### 1.选择**Add Task**之后选择**Package**查找与该类别相关的任务，选择**npm**并点击**Add**。将其放置到**Build**任务后 ####

![这里写图片描述][SouthEast]

#### 2.将工作文件夹更改为**src/MyHealth.Web**。该项目有一个json文件，npm安装命令通过他知道需要安装哪些包 ####

![这里写图片描述][SouthEast 1]  
*接下来，您需要运行bower来安装web包。可以使用**Command Line/Shell Script**工具运行**Bower**命令，但是更好的方法是使用Bower任务。这个任务不是现成的，需要从市场上安装。*

从另一个选项卡，导航到市场上的[Bower extension page][]并安装它。当完成返回到正在编辑构建定义的选项卡时，关闭该选项卡。

#### 1.保存构建定义并刷新页面。应该在*Package*选项卡下看到**Bower**任务。选择该任务并单击**Add**。 ####

![这里写图片描述][SouthEast 2]

#### 2.选择**Bower**任务并更改*Bower JSONPath*指向MyHealth.Web 文件夹下的bower.json文件。 ####

![这里写图片描述][SouthEast 3]

#### 3.接下来需要gu\*\*重点内容**lp任务。选择\*\*Add Task**，并查找**Gulp from the \*\*Build**部分，将其添加到构建定义中。 ####

![这里写图片描述][SouthEast 4]

#### 4.更改*Gulp file path*指向MyHealth.Web文件夹下的的gulp文件。 ####

![这里写图片描述][SouthEast 5]

#### 5.其余的任务不需要任何更改。已经准备好运行该构建。可以使构建作为一个持续集成*（Continuous Integration）*构建运行，以便在分支上的每个签入都会触发其运行。稍后我们将在实验室中看到。现在，我们将手动运行它。 ####

#### 6.选择**Save & queue**来保存构建定义并立即对构建进行排队。如果已经保存了构建定义，从菜单中选择**Queue**。 ####

![这里写图片描述][SouthEast 6]

#### 7.需要选择要运行此构建的构建代理。可以选择在一个前提代理上运行构建，或者使用托管在Azure上的代理。我们将使用**Hosted VS2017**代理，因为它拥有.NET core框架和构建应用程序所需的所有其他组件。 ####

![这里写图片描述][SouthEast 7]

#### 8.将看到构建等待寻找代理运行。它可能需要几分钟，并且一旦得到一个代理，构建就会开始执行。当构建运行时，可以实时看到输出日志。如果需要进行更深入的分析，还可以后续下载日志。 ####

![这里写图片描述][SouthEast 8]

#### 9.完成所有步骤之后，可以在顶部选择构建编号*（Build number）*以获得运行的详细信息。**Summary**选项卡显示了运行的摘要，包括谁触发了它，在什么时间，获取了哪些代码和提交，相关的工作项，测试等等。 ####

![这里写图片描述][SouthEast 9]

#### 10.**Timeline**视图将帮助您找出运行的每个任务的时间。如果构建定义包含发布任务，如果有任何文件被发布，可以从**Artifacts**选项卡中找到它。 ####

![这里写图片描述][SouthEast 10]  
我们将了解构建中如何处理变量、设置不同的触发器机制等等。

## 动手实验 ##

<table> 
 <thead> 
  <tr> 
   <th align="left">类别</th> 
   <th align="left">文章名称</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">概述</td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79052211" rel="nofollow">Visual Studio Team Services 动手实验</a></td> 
  </tr> 
  <tr> 
   <td align="left">计划</td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79054714" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（一）使用团队、区域和迭代</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79068352" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（二）VSTS中的工作项</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79123969" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（三）使用Kanban板</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79133049" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（四）冲刺计划和任务板</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79133585" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（五）——组合管理</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79199709" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（六）——VSTS仪表盘的使用</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79205843" rel="nofollow">使用Visual Studio Team Services敏捷规划和项目组合管理（七）——流程定制 </a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79229144" rel="nofollow">Microsoft Teams 集成 (协作, 沟通 和 行为)</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79247992" rel="nofollow">使用VSTS的Git进行版本控制（一）——复制现有仓库)</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79247992" rel="nofollow">使用VSTS的Git进行版本控制（二）——提交保存工作</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79248403" rel="nofollow">使用VSTS的Git进行版本控制（三）——评审历史记录</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79248468" rel="nofollow">使用VSTS的Git进行版本控制（四）——在Visual Studio中管理分支</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79248651" rel="nofollow">使用VSTS的Git进行版本控制（五）——从Team Services Portal管理分支</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79284564" rel="nofollow">使用VSTS的Git进行版本控制（六）——拉取请求</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79341109" rel="nofollow">使用VSTS的Git进行版本控制（七）——管理仓库</a></td> 
  </tr> 
  <tr> 
   <td align="left"></td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79389973" rel="nofollow">使用Visual Studio Team Services持续集成（一）——构建ASP.NET Core</a></td> 
  </tr> 
  <tr> 
   <td align="left">相关资料</td> 
   <td align="left"><a href="http://blog.csdn.net/jiangyongtao/article/details/79008498" rel="nofollow">Visual Studio Team Services Demo Generator简介</a></td> 
  </tr> 
  <tr> 
   <td align="left">参考文章</td> 
   <td align="left"><a href="https://almvm.azurewebsites.net/labs/vsts/continuousintegration/" rel="nofollow">Continuous Integration using Visual Studio Team Services</a></td> 
  </tr> 
 </tbody> 
</table>

[70]: /images/20220530/4850a7c5a0014b0f892ebf431d90d67f.png
[70 1]: /images/20220530/529409ddc4634f00ac60c93b2f6da4e0.png
[70 2]: /images/20220530/65e458f2103040628216d48b64e72099.png
[70 3]: /images/20220530/bee70aa755ed4478b201eaa75933f51f.png
[70 4]: /images/20220530/fd5f0f7657cc4d16a032a9a3c18330c9.png
[SouthEast]: /images/20220530/6b9bcf39055c4e059c7b8b1bb78ae3c7.png
[SouthEast 1]: /images/20220530/dee6ea50009143dfb0923f2312791a18.png
[Bower extension page]: https://marketplace.visualstudio.com/items?itemName=touchify.vsts-bower
[SouthEast 2]: /images/20220530/8447819bc6c04451b0403bd4e9198aa9.png
[SouthEast 3]: /images/20220530/5f4d44d4163f495a9e93753724416d40.png
[SouthEast 4]: /images/20220530/849945f4db604ea997e4b77644d0ec22.png
[SouthEast 5]: /images/20220530/a507c7f2d044487fb37ba360b48fdf02.png
[SouthEast 6]: /images/20220530/6a056568bac34efaa13c2338ce6a1337.png
[SouthEast 7]: /images/20220530/c60ceb5f9027447388e2e38624871b8a.png
[SouthEast 8]: /images/20220530/64d78dac3f2445fd9f5ae98a05990193.png
[SouthEast 9]: /images/20220530/6e2bf279c2a6428e93ab2c718bd97bec.png
[SouthEast 10]: /images/20220530/38bc6817e35540178b5f3499d9d85237.png