Jenkins自动部署vue项目的相关配置。

简介：配置Jenkins 使push release分支的时候，自动触发一Jenkins任务，执行特定的部署脚本，完成部署。

部署脚本：sh bash脚本，做的事就是打包，压缩打包内容，cp压缩包到服务器指定目录，解压缩，删除无用包，若是部署在nginx下，需要重启nginx。

 

第一步：检查环境 ，在Jenkins首页，左边菜单栏，点击系统管理

然后点击插件管理，查看是否安装nodejs plugin

 

安装完成后 重新进入系统管理，点击全局工具配置

 

 

点击新增nodejs  选取nodejs 版本 并起一个别名

 

 

 第二步 开始任务配置，回到首页，点击左边菜单新建任务 

输入任务名称，及选择 构建一个自由风格的软件项目

进入配置页面后，根据提示进行需要的相关配置。Git   Repository URL 项目地址 必填。然后指定拉取代码的分支，构建触发器 根据需要选择，注意黄色框的地址，一会需要配置到gitlab

 

 

构建环境选择 node 应该会默认带出刚才创建的node别名。增加构建 执行shell 命令，我这是直接执行了我的部署脚本。脚本做了打包并且将包cp到指定服务器目录的操作，并且重启了nginx以完成部署

 

第三部，gitlab 上的配置，打开项目中的settings=>integrations.如下图位置

 

 

 

URL 即为刚才黄色框圈住的地址。token一般为空（根据Jenkins部署配置的设置决定）。勾选push events  填写触发分支 。然后add webhook 添加。

 

 以上，到此为止，每当push代码到 指定分支的时候，将会触发任务 执行项目中写的脚本，完成部署工作。