Jenkins配置GitLab`tag push evens`钩子, 并自动构建vue项目

请确保已安装Gitlab hook plugin 、 Gitlab plugin等常用插件

gitlab创建api_token

配置gitlab的api token

系统管理 -> manage credentials ->添加gitlab token

新建自由风格项目

节省空间 保留最近10次的构建

Gitlab Connection选择刚创建的全局api token

配置git源码

选择分支

勾选触发器 复制后边出现的url

GitLab webhook URL: http://xxxxxxxx:1234/jenkins/project/xxx

去gitlab配置web hook

项目 -> 设置 -> 集成 填写刚复制的url

Enable SSL verfication 记得关闭 我们是http环境

Tigger勾选 Tag push events 保存

生成之后如下

Jenkins流程创建完毕可以用 tag push events测试工具测试触发器是否执行

因为是vue项目 添加node环境

node版本按照自己的项目运行环境来, 我的是14.15.5

添加构建脚本

脚本根据自己实际项目运行命令来

有的项目是npm run build 有的是npm run build:prod

# 2 配置仓库地址 3 安装依赖 4 删除上一次打包文件 5 执行打包命令 6 服务器备份旧的dist文件 7 复制最新项目文件
npm config set registry http://registry.npm.taobao.org/ &&
npm install &&
rm -rf ./dist/* &&
npm run build &&
cp -r /nginx/html/ui/dist/ /nginx/html/ui/dist_`date '+%Y%m%d_%H_%M_%S'` &&
cp -rf ./dist/* /nginx/html/gwui/dist