Jenkins: 配置自动化发布脚本

Jenkins 配置自动化发布脚本

在Jenkins的一个工程项目任务中, 点击左侧配置栏
在下面的 Build Steps 中，点击上面的可用的环境变量列表
- 找到里面有一个 WORKSPACE 的变量
- 这个变量指向我们的jenkins下工程项目源码的目录
- 需要把这个变量利用起来
在 Build Steps 下执行 shell，假设这是一个前端的工程
shell 复制代码
```
echo $WORKSPACE
cd $WORKSPACE
npm install
npm run build
```
- 以上，就可以进行构建了, build 完成后, 会生成dist目录
- 我们要发布的就位于 dist 目录下
接下来就是ssh上传, 将 dist 目录下的文件部署到远程服务器
- 回顾下之前 Dashboard / 系统管理 / 系统配置
- 找到下面的 SSH Server, 找到 Hostname, 这里可能是一个 ip地址, 比如：192.168.3.22
- 可以通过 ssh 登录服务器: $ ssh root@192.168.3.22
- 假设之前在jenkins上填写默认的路径是 /root, 我们想要发布到 /root/resource/nginx 中
现在要做文件上传发布，回到之前填写执行 shell的地方，点击增加构建步骤
选择 Send files or execute commands over SSH
这时候出现了 Send files orexecute commands over SSH 面板
这里，出现 SSH Server面板, 之前配置好了，直接选择默认的 Server
下面是 Transfers, Transfer Set Source files
- 这里，填入 dist/**
下面的 Remote directory 填入
- /resource/nginx/项目名称目录
- 按照之前配置，默认登录在了 /root 目录，所以这里只要如上填写即可
- 前面不能添加 /root
特别注意
- 这里，直接上传到 /resource/nginx/项目名称目录 其实是不行的
- 因为，如果之前有过发布，可能会导致上传不成功
- 所以，这里上传目录应该填入 /resource/nginx/项目名称目录-tmp
- 这里，先上传到一个临时目录，下面还有一个 Exec command 的表单需要填写命令
- 在 Exec command 中填入
  shell 复制代码
```
rm -rf /root/resource/nginx/项目名称目录
mv /root/resource/nginx/项目名称目录-tmp/dist /root/resource/nginx/项目名称目录
rm -rf /root/resource/nginx/项目名称目录-tmp
```
- 可以看出，这里对目录文件删除后进行更新
- 点击最下面的应用按钮
重新测试，回调项目中，点击立即构建
还有
- 如果 /root/resource/nginx/ 映射已经绑定了某个域名，如 https://abc.com
- 在访问 nginx 目录下的 项目名称目录 文件夹时候，这时候需要访问 https://abc.com/项目名称目录
- 如果这个前端项目是一个vue2的项目，注意在 vue.config.js 中 publicPath 配置成 /项目名称目录
这时候，整个发布流程就搞定了