Jenkins Vue项目远程自动部署（CICD）

Jenkins Vue项目CICD

一：jenkins相关插件的安装

1.安装Publish Over SSH插件用于SSH连接远程的服务器。

• 登录 jenkins 管理系统首页，打开“系统管理”–“管理插件” 搜索 Publish Over SSH 然后勾选安装

2. 安装 NodeJs插件 用于vue项目打包构建。

• 打开“系统管理”–“管理插件” 搜索 nodejs 然后勾选安装
• 打开“系统管理”–“Global Tool Configuration” 拉到底部 配置 node 版本，如图：
  

二．配置远程服务器的连接

1、SSH连接配置
打开“系统管理”–“系统设置” 找到 “Publish over SSH” 项 ，我这里远程服务器用的是ssh登录，通过ppk密钥进行连接，所以我的配置如图，如果是帐号密码登录的Passphrase填写密码Username填写用户名，path to key 为空就可以了。

2.配置完点击下面的测试连接看是否连接正常

三．配置GitLab连接

1. 打开“系统管理”–“系统设置” 找到 “GitLab项”
配置地址和凭证，如图：

2.点击下方的测试连接查看凭证是否可用

四．配置自动部署任务

1、新建任务：
点击“新建”–填写任务名称，选择“构建一个自由风格的软件项目”然后保存，如图：

2、配置git
进入任务配置，选择源码管理 ，如图：

3.构建触发器：

将gitlab webhook地址和token配置到仓库webhook配置

4.环境构建
设置构建环境，选择 Provide Node & npm bin/ folder to PATH 然后选择之前安装插件时候配置的node版本，如图

5. 构建执行脚本

配置项目自动化打包，选择 增加构建步骤 —Excute shell 这个是运行相关的sh命令：

cd /var/jenkins_home/workspace/web_test
npm install
npm run build
rm -rf web_test.tar.gz
tar -zcvf web_test.tar.gz dist

6、把打包好的项目文件发布到远程服务器
选择“构建后操作步骤”—“Send build artifacts over SSH” 。

Name：第三步创建的远程服务器名称
Source files：本地需要传输过去的文件路径
Remove prefix：过滤掉的目录名
Remote directory：远程服务器的保存路径
Exec command：传输完成后在远程服务器执行的sh命令

五.测试构建