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


    前提

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

    过程

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

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

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

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

    如果重启服务报错, 可以 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
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

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

    大功告成!

  • 相关阅读:
    taro vue3 ts nut-ui 项目
    Linux网络通信优化方法
    linux入门---信号量
    通用分页02(前端)
    Java设计模式之观察者模式(Observer Pattern)
    智能座舱力拼「差异化」,各路芯片玩家再次引领新潮流
    gdb操作系统开发的调试器
    yapi文档转换jmx脚本
    实现Kickstart + NFS + DHCP + PXE的全自动远程无人职守安装
    Unity的碰撞检测(五)
  • 原文地址:https://blog.csdn.net/weixin_46034375/article/details/127572547