Jenkins + Gitee 实现代码自动化构建 (超级详细)

前提

1: 搭建jenkins线上服务, 参考Linux环境下安装Jenkins
2:注册gitee账号,并创建一个项目,这里我的项目名是 lvsige-demo(下面简称demo)

过程

1:服务器放置项目位置克隆Gitee上demo项目

git clone Gitee上demo项目链接  #我项目位置 /www/wwwroot/test

2:检查jenkins配置配置文件,将执行用户改成root,不然后面可能出现执行shell没有权限

vim /etc/sysconfig/jenkins # 编辑文件
JENKINS_USER="root" # 改成root
systemctl restart jenkins.service # 重启服务

如果重启服务报错, 可以 ps -ef|grep jenkins 查看jenkins进程
然后 kill -9 xxx(进程)

然后重启 jenkins 命令:service jenkins start

3: 安装Gitee插件(系统管理->插件管理->可选插件->筛选Gitee->选中直接安装,安装成功之后重启jenkins服务)
在这里插入图片描述

在这里插入图片描述

4:添加Gitee(码云)链接配置(系统管理->系统配置->Gitee配置)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

然后点击 “添加” 即可。添加之后, 点击测试链接, 显示成功ok。
如果爆红提示没有权限,检查上一步,你的帐密输错了没。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CYFTgOxm-1666941855845)(/upload/2021/11/image-2f6f3aa053e24248a0f44fbfeae73a16.png)]


5: 创建一个自由风格的任务,命名test,按照图片配置选项 在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


6: Gitee(码云)配置
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rtrxs0XY-1666941855846)(/upload/2021/11/image-96349e5f73564e57806ea0aa8d1fde9a.png)]

在这里插入图片描述

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yzklanUd-1666941855847)(/upload/2021/11/image-d97dd15e23a64e019f17366206410bf4.png)]

这里就开始构建了。


至此, 你已经成功了。 下面是我遇到的问题

在这里插入图片描述

报错是这样的, 说明没有用户名密码,解决办法

在这里插入图片描述

解决方案
执行 git config --global credential.helper store 命令
然后git push origin master // master就是分支的名字
会让你输入用户名和密码,这时你输入就好了,
然后下次再git push 或者/pull 的时候就不用密码了


完结撒花!

这个时候你在本地修改后 执行 git push.
jenkins就会开始构建,构建的时候执行shell里脚本, 进入你的项目文件夹,git pull。 然后刷新,就已经是最新代码了。

我觉得这个文章已经很详细了,因为我在这个jenkins自动化部署上已经消磨了一整天了。
希望大家可以避坑!

今天shell里执行的是一个简单的html文件。
回头需要自动化部署vue, 应该会有点麻烦, 我还没有看, 后续继续更新!


时隔一夜,我来更新了, 自动化部署vue项目的步骤。
其实思路是先用命令执行一遍,能走的通,直接把命令粘贴在shell里就行了

首先说一下我自己的目录,这个根据自己的情况而定。

我的项目是在 /www/wwwroot 下。
nginx访问文件是在 /www/wwwroot/test下。

我用的是8084端口, root /www/wwwroot/test/dist; 这个dist就是项目打包后的静态文件。

在这里插入图片描述

部署vue项目和H5唯一不同的点就是,执行shell的命令不一样,下面是我shell执行的命令, 可以参照一下, 路径一定根据自己的情况变化。
在这里插入图片描述

cd /www/wwwroot
rm -rf manage/
git clone https://gitee.com/zxc_zxc_qaz/manage
cd manage/ 
npm install
npm run build
cp -r /www/wwwroot/manage/dist /www/wwwroot/test

这个时候, 只要你执行 git push 命令,jenkins就会开始构建部署。

大功告成!

猜你喜欢

转载自blog.csdn.net/weixin_46034375/article/details/127572547