Jenkins - 打造强大的前端自动化工作流

什么是 Jenkins？

    Jenkins 是一款业界流行的开源持续集成工具，广泛用于项目开发，具有自动化构建、测试和部署等功能。我们可以利用 Jenkins 来对项目的持续性集成进行管控处理。

 

---

Jenkins 任务的创建

    这里就简单不再累赘说明 Jenkins 的安装启动和账号的配置等初始化动作了。

1. 新建任务

根据实际用途选择类型，这里选择第一个“构建一个自由风格的软件项目”；输入名称点击确定按钮创建空的一个构建任务。

创建完成后接着配置项目构建任务的配置。

 

---

触发 git hook 的回调功能

    git hook 就是我们向github/码云等远程仓库push我们的代码时，jenkins能知道我们提交了代码，这是自动构建自动部署的前提，钩子的实现原理是在远端仓库上配置一个Jenkins服务器的接口地址，当本地向远端仓库发起push时，远端仓库会向配置的Jenkins服务器的接口地址发起一个带参数的请求，jenkins 收到后开始工作。

1. 配置 git 账号和仓库等配置

打开刚创建的任务，选择配置，添加远程仓库地址，配置登录名及密码及分支。

2. 添加触发器

若在任务配置中没找到如下图的模块，则需要先安装 Generic Webhook Trigger Plugin 插件（系统管理-插件管理-搜索Generic Webhook Trigger Plugin）如果可选插件列表为空，点击高级标签页，替换升级站点的URL为：http://mirror.xmission.com/jenkins/updates/update-center.json 并且点击提交和立即获取。

3. git 仓库配置钩子

需要在上面第二步中提示的 Url 和 Gitee WebHook 密码 同时配置到仓库当中。

 

---

实现项目的自动化构建与部署

1. 配置构建的环境

配置构建的环境需要先配置 Jenkins 所含有的 node 环境；需要进入（系统管理-全局工具设置- NodeJS 安装）进行所需的 node 版本。

打开刚刚的 Jenkins 任务，点击配置里面的构建环境，勾选图中红色方框的这个选项，并指定一个 node 版本。

2. 配置构建、部署脚本

点击构建，选择 “执行 shell” 选项，把要执行的 shell 脚本命令输进去，多个命令使用 && 分开；
这里仅简略写一些演示脚本，具体构建、部署脚本依照实际情况编写。

例如：

• 安装项目依赖、运行 build 命令构建项目
• 构建完成后拷贝相关资源到项目目录

 

---

实现构建和部署后的消息提醒

    这里我们使用 Extended E-mail Notification 该插件来扩展实现构建部署后的消息提醒。

1. 打开系统管理-系统配置-Extended E-mail Notification，不是系统管理-系统配置-邮件通知，注意这里是配置用来发邮件的邮箱！

1. 打开创建的那个任务，增加构建后操作步骤选择 Editable Email Notification，Project Recipient List那里写你要发给谁邮件，可以多个，用分号隔开。

1. 然后点击 Advanced Settings-Triggers-Add Trigger（即上图的右下角的“Advanced Settings...”按钮），选择always，意思是无论什么情况任务执行完就发邮件，也可以选择其他模式，如任务执行异常了才发邮件。
   这里配置的接收邮件的地址是上图中所配置的接收邮件用户列表，这个可以根据实际进行调配。