本文共 2347 字,大约阅读时间需要 7 分钟。
本篇主要介绍如何实现上传代码到github之后,自动编译部署代码的效果,采用的工具为jenkins(持续集成&持续部署工具)+github(代码托管平台)+vue(测试项目)
jenkins
1. 什么是jenkins
jenkins是当前比较流行的一款持续集成&持续部署(CI & CD)的工具,可以实现代码上传仓库(代码更新)后自动部署到需要部署的位置(服务器等)。
2.为什么本次使用rpm方式安装jenkins?
jenkins大致有三种安装方式:
- 使用war包进行安装
- linux使用rpm方式安装
- docker方式安装jenkins
使用rpm安装的原因有二:1.当前使用的正是linux系统 2.使用docker安装后,在容器内访问宿主机的docker命令太困难。
3. 安装java环境
yum -y list java*
yum install -y java-1.8.0-openjdk-devel.x86_64
java -version
查看是否输出对应的版本号4. 开始安装jenkins(经测试比较,该方法最快)
image.png
scp 本地目录 远程登录服务器用户名@远程服务器ip地址:/下载文件的目录
$ rpm -ivh jenkins-XXXXX.noarch.rpm
$ vi /etc/sysconfig/jenkins
找到JENKINS_PORT键,修改对应的值即可。
$ service jenkins start/stop/restart
5.访问jenkins浏览器页面 http://118.25.194.49:8888
就会出现jenkins的正在装载页面
image.png
cat 红色区域路径
就能得到密码,复制进来,下一步即可。 image.png
安装插件(可以选择第一个默认安装)
image.png
进入首页
image.png
新建任务
image.png
配置上该项目的github的https的git地址
image.png
配置‘源码管理’
image.png
点击‘添加-jenkins’
image.png
选择刚才生成的image.png
配置触发器
image.png
勾选上!!!
此时,在jenkins中我们开启了github trigger,但是呢,github方还不知道在我们push完代码之后应该通知jenkins,以及通知哪个jenkins,接下来我们去github中,找到当前项目,点击setting,找到webhook选项,添加上
http://your 地址/github-webhook/
,例如http://118.25.200.49:8888/github-webhook/
,保存即可。
构建
image.png
image.png
点击‘立即构建’
image.png
稍等这里会出来一个序号加小球,点击最新的小球进去
image.png
选择‘控制台输出’image.png
可以看到输出信息
image.png
停止原来运行的demo1的docker的nginx容器
image.png
追加脚本,'应用'+‘保存’
image.png
1. 将jenkins加入docker组$ sudo gpasswd -a jenkins docker2. 重启jenkins服务$ sudo service jenkins restart
点击立即构建,进入最新出来的小球中,查看日志
image.png
成功编译文件,并生成docker容器,接下来验证一下
image.png
验证通过10.实验提交代码触发jenkins自动集成+自动部署
用本地编译器重新提交一版修改过的代码,仅仅push到github上,此时查看image.png
这个就是刚刚push到远程的一次commit,通过hook通知了jenkins,jenkins拉取了最新的代码,并执行了start.sh,此时,只要去看一下页面,如果是我们刚改的,一切就很完美了。
image.png
完美!作者:木头1562720278 链接:https://www.jianshu.com/p/2fc8340de073 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。完美其实并不完美,由于粗心,漏掉了上面补充的两点,给别人带来了困扰,以后,以后每发布的文章我一定认真检查,不会再出现以上的问题,立帖为证!