八、Jenkins（docker-compose）自动化构建若依前端代码，发布到服务器

Jenkins（docker-compose）自动化构建若依前端代码，发布到服务器

1. 将node 路径配置到Jenkins系统管理-全局工具

七、docker-compose方式运行Jenkins，更新Jenkins版本，添加npm node环境
上节已完成了Jenkins容器中node环境的添加，现在将node 路径配置到Jenkins系统管理-全局工具配置中

2. 创建配置构建项目

3. 填写项目地址：https://gitee.com/y_project/RuoYi-Vue

3. 构建版本（vue打包）

cd ruoyi-ui
npm install --registry=https://registry.npmmirror.com
npm run build:prod

4. 远程发布

rm -rf /home/ruoyi/web/dist_old #删除老的发行包
sleep 1s
mv /home/ruoyi/web/dist  /home/ruoyi/web/dist_old #将当前的备份

Source files：ruoyi-ui/dist/** #打包的dist目录上传服务器，的源文件
Remove prefix：ruoyi-ui  #去掉的前缀路径，剩余dist目录上传
Remote directory：ruoyi/web   #上传保存目录，配置服务器的的时候默认路径为/home, 那么服务器完整保存路径为/home/ruoyi/web

Exec command：执行命令

source /etc/profile #加载系统环境变量
cd /home/ruoyi/web/dist #进入dist目录
zip -r ../$(date '+%Y%m%d%H%M%S')_dist.zip ./* -r  #备份dist目录 打zip压缩包
docker restart nginx_ruoyi  #重启 nginx

5. 配置完成构建

完成构建

6. 访问nginx前端地址