Jenkins通过git钩子自动发布更新前端页面

小柒助手 Jenkins评论81,142字数 415阅读1分23秒阅读模式

前言

Jenkins是一款开源 CI&CD 软件,用于自动化各种任务,包括构建、测试和部署软件,可以集成很多环境。很多时候我们是给前端人员配置的FTP或者编写脚本提交代码,但是由于更新不方便。发布新的代码需要人工干预,为节省前端开发时间,所以我们就需要Jenkins 配合git钩子使用。

一、Jenkins安装插件

1)Gitlab Hook                 #gitlab钩子,push代码后自动触发拉取操作
文章源自小柒网-https://www.yangxingzhen.cn/7272.html

2)Build Authorization     #钩子触发器
文章源自小柒网-https://www.yangxingzhen.cn/7272.html

3)需要提前安装好gitlab
文章源自小柒网-https://www.yangxingzhen.cn/7272.html

# Gitlab插件安装gitlab
文章源自小柒网-https://www.yangxingzhen.cn/7272.html

文章源自小柒网-https://www.yangxingzhen.cn/7272.html

# Build Authorization
文章源自小柒网-https://www.yangxingzhen.cn/7272.html

文章源自小柒网-https://www.yangxingzhen.cn/7272.html

二、配置Jenkins

1)新建一个Test项目
文章源自小柒网-https://www.yangxingzhen.cn/7272.html

文章源自小柒网-https://www.yangxingzhen.cn/7272.html

# 配置gitlab连接信息
文章源自小柒网-https://www.yangxingzhen.cn/7272.html

# 配置触发器

# 生成token

# 记得别忘记点保存哦,这里Jenkins目前就先结束了

三、配置Gitlab

1、登陆到Gitlab项目中,点击设置

注:由于版本差异,可能配置项估计不同,但是方法是一样的

2、点击Web钩子

3、钩子配置

输入项目自动生成的地址和token,添加完成后,我们点击测试进行测试

4、测试钩子是否正常执行

返回状态码为200即为正常。

5、返回配置Jenkins

Jenkins Shell配置如下

# 进入目录

cd /data/jenkins/capital/capital

# 安装依赖

npm install

# 打包

npm run build

# 打包压缩capital

zip -r capital.zip capital

ansible-playbook /data/scripts/update_capital_test.yml

# 请结合实际进行配置,我这里采用的是Ansible。

6、Gitlab钩子测试

#git push提交文件进行测试

echo echo "123" >123.txt

git add 123.txt

git commit -m "text"

git push origin master

至此,前端静态页面通过Git钩子触发就配置完成了。

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如本文“对您有用”,欢迎随意打赏,谢谢!

继续阅读
历史上的今天
7 月
23
Wechat
微信扫一扫,加我!
weinxin
我的微信
微信号已复制
微信公众号
微信扫一扫,关注我!
weinxin
我的公众号
公众号已复制
小柒助手
  • 本文由 小柒助手 发表于 2020年7月23日 15:22:17
  • 声明:本站所有文章,如无特殊说明或标注,本站文章均为原创。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。转载请务必保留本文链接:https://www.yangxingzhen.cn/7272.html
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证