当前位置: 代码网 > it编程>前端脚本>Vue.js > Jenkins + Gitee 实现代码自动化构建 (超级详细)

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

2024年07月28日 Vue.js 我要评论
部署vue项目和H5唯一不同的点就是,执行shell的命令不一样,下面是我shell执行的命令, 可以参照一下, 路径一定根据自己的情况变化。jenkins就会开始构建,构建的时候执行shell里脚本, 进入你的项目文件夹,git pull。3: 安装Gitee插件(系统管理->插件管理->可选插件->筛选Gitee->选中直接安装,安装成功之后重启jenkins服务)这个时候, 只要你执行 git push 命令,jenkins就会开始构建部署。如果爆红提示没有权限,检查上一步,你的帐密输错了没。

前提

1: 搭建jenkins线上服务, 参考linux环境下安装jenkins
2:注册gitee账号,并创建一个项目,这里我的项目名是 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)]

这里就开始构建了。


在这里插入图片描述

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

在这里插入图片描述


完结撒花!

我觉得这个文章已经很详细了,因为我在这个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就会开始构建部署。

大功告成!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com