使用Azure Pipeline实现SharePoint Framework web part 开发的持续集成和部署

Azure Pipelines是微软提供的一个用于代码持续集成以及部署的工具，可以利用它来实现SharePoint Framework代码的持续集成和部署。

目前使用SharePoint Framework开发web part的步骤是：

1，使用Yeoman创建webpart项目

2，代码管理

3，测试

4，打包生成.sppkg文件

5，将.sppkg文件上传到SharePoint App Catalog中

6，在站点页面中添加使用webpart

下面介绍如何使用Azure Pipeline自动化以上步骤，来实现web part开发的持续集成和部署

首先需要有web part项目代码，这里使用的示例代码是我上传到GitHub上的一个项目:https://github.com/shrenky/spfx-ci-demo

然后登陆https://dev.azure.com， 创建一个组织，并在组织中创建一个项目：

 

创建成功之后，进入这个项目，在左边栏点击“+”，创建一个新的build pipeline，用来自动化代码捆绑，单元测试以及打包：

第一步是选择在哪里获取源代码：

Azure Pipeline支持不同的代码管理工具，因为我的示例代码在GitHub上，所以，以GitHub为例，在这里选择GitHub。

接下来就是连接GitHub，连接成功之后，会列出目前你所有的公共库，这里列出的是我的示例代码spfx-ci-demo:

连接的时候根据提示会安装Microsoft为GitHub开发的Azure Pipelines插件：

 

接下来选择需要配置持续集成的项目，开始配置，这里选择Node.js环境：

选择之后，Azure Pipeline会默认生成一个yaml文件如下，yaml文件结构请参考这里。

这个yaml配置文件定义了一个pipeline中的job需要执行的任务，其中：

#yaml文件中的#表示注释，下面解释了各个任务的作用
#trigger表示触发条件，这里是在master分支有代码提交