资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Jenkins实现html代码上线与回滚-创新互联

一、案例环境
二、部署Gitlab
1)部署Gitlab
2) 配置免密登录
3)测试免密登录
三、部署Jenkins
四、Jenkins集成Gitlab
五、部署Nginx
六、Jenkins实现代码自动上线
七、Jenkins实现代码自动部署与回退及重复构建

创新互联公司网站建设公司,提供成都网站设计、网站制作、外贸营销网站建设,网页设计,建网站,PHP网站建设等专业做网站服务;可快速的进行网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,是专业的做网站团队,希望更多企业前来合作!

一、案例环境

系统 IP地址 主机名 所运行的服务
Centos 7192.168.1.6gitlabgitlab
Centos 7192.168.1.7jenkinsjenkins
Centos 7192.168.1.8nginxnginx

二、部署Gitlab

1)部署Gitlab

[root@gitlab ~]#  yum -y install  epel-release curl openssh-server openssh-clients postfix cronie policycoreutils-python patch
#安装所需依赖
[root@gitlab ~]#  wget https://mirrors.tuna.tsinghua.edu.cn/gitlab-ce/yum/el7/gitlab-ce-12.3.5-ce.0.el7.x86_64.rpm
#对gitlab的版本并没有什么特殊的限制
[root@gitlab ~]# yum -y localinstall gitlab-ce-12.3.5-ce.0.el7.x86_64.rpm
[root@gitlab ~]# vim /etc/gitlab/gitlab.rb                #便于使用URL路径访问
external_url 'http://192.168.1.6'
#下载 中文补丁包
[root@gitlab ~]# head -1 /opt/gitlab/version-manifest.txt           #查看gitlab的版本
gitlab-ce 12.3.5
[root@gitlab ~]# git clone https://gitlab.com/xhang/gitlab.git -b v12.3.5-zh
[root@gitlab ~]# cd gitlab/
[root@gitlab gitlab]#  git diff v12.3.5 v12.3.5-zh > /root/v12.3.5-zh.dif
[root@gitlab gitlab]# patch -d /opt/gitlab/embedded/service/gitlab-rails -p1 <  ../v12.3.5-zh.diff
 #将刚才的diff文件做为补丁导入到gitlab中
#该命令执行过程中,一路回车跳过即可
[root@gitlab ~]# gitlab-ctl  start                 # 启动gitlab
[root@gitlab ~]# gitlab-ctl reconfigure      #重新配置gitlab

web页面访问测试
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
可以看出gitlab的网站页面已经汉化!

2) 配置免密登录

[root@gitlab ~]# ssh-keygen 
[root@gitlab ~]#  cat ~/.ssh/id_rsa.pub 
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQCuWnEReFVhIiODuTO/NzdjuvPMY0tQ89NuYGtMxDJJAXnbChK8dbe0Iu4GNHY9zeSP0OaYJvVV9Nu/qtcZqgg+zKgLohdoI5QKXWcZ1JT/kNpIbnVnUYE0/AYZ8nMbjNiUsSD5BaDy+t9uuRxh+QCOrZDkYZw1EZioDpDoSR1XzrOac69QIag2XUU04rmWkR9/fbfwGzusTzfO2thk3vcZn+DzLqJqYy9ufkZeTGlqJnVC6//caakMtY475NSUKnGT+YoRsStXXI/9CVrpY8cPZ5eiFs34xGZWU1uhsx9UQ50pNeA7iqM6CIKpb4MPtqKDLIb83Bztz1VsfBJRMxer root@gitlab
#本地生成密钥对,便于ssh登录

Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚

3)测试免密登录

Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚

[root@gitlab ~]# git clone git@192.168.1.6:root/web-demo.git
#确认无需输入密码

三、部署Jenkins

[root@jenkins ~]# wget https://mirrors-i.tuna.tsinghua.edu.cn/jenkins/redhat/jenkins-2.172-1.1.noarch.rpm
[root@jenkins ~]# yum -y localinstall jenkins-2.172-1.1.noarch.rpm
#获取Jenkins软件包,并安装
[root@jenkins ~]# systemctl start jenkins            #启动Jenkins

web页面访问
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
由于刚才跳过了插件安装,,所以需要自己手动安装,下载本人提供的插件软件包,下载链接:https://pan.baidu.com/s/16fxH1J0WO6tW1bhPwmd60w
提取码:432n

[root@jenkins ~]# rm -rf /var/lib/jenkins/plugins/           #将安装产生的插件目录进行删除
[root@jenkins ~]# tar zxf jenkins-plugins.tar.gz -C /var/lib/jenkins/
#将插件软件包解压到指定的位置
[root@jenkins ~]# sed -i 's/http:\/\/updates.jenkinsci.org\/download/https:\/\/mirrors.tuna.tsinghua.edu.cn\/jenkins/g' /var/lib/jenkins/updates/default.json && sed -i 's/http:\/\/www.google.com/https:\/\/www.baidu.com/g' /var/lib/jenkins/updates/default.json
#将jenkins下载插件的路径,更改为国内源
[root@jenkins ~]# systemctl restart jenkins          #重新启动Jenkins

再次访问web页面:
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
再次访问Jenkins,可以发现已经变成中文了,因为插件中包含了中文插件!

四、Jenkins集成Gitlab

[root@jenkins ~]# ssh-keygen     #Jenkins服务生成密钥对
[root@jenkins ~]# cat ~/.ssh/id_rsa.pub      #查看公钥信息
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQDbcFk7tkBes+S6BIVLxzLVj8X7bThDYscpY6uBeauHp+tPTL6CRVQDOlUcMRsyaX7o+a26iPd+yhJUaB+qT4iW1cVjhEiuKiR2NJSJdnEqccgcXWPJzIe+Owj76ofBtIhKqLGzwnYj6Lj0KmjUhn7tASu1bZ8hWubJ2ZQUottOW8KqjvHIb7q8OsGty9tsLVV3gD1XF1cE1s9rXY7XUFxDwtu1kfiA2XhSyJ3EmTWFlFlvaqzhQDBELWSVBz/4CihAfIp2eW7nx8TPXG0d0j+OwQYcccsarwkjHuc2IYRv4gVAhtRyXj8VQ7+LBsjYjfIMBTw4CFwQSTfZnWaa6Fcf root@jenkins

将公钥信息存放在gitlab上:
Jenkins实现html代码上线与回滚

[root@jenkins ~]# cat ~/.ssh/id_rsa
#查看Jenkins服务器的私钥信息,需要将私钥信息存放在Jenkins的web页面上
-----BEGIN RSA PRIVATE KEY-----
MIIEpAIBAAKCAQEA23BZO7ZAXrPkugSFS8cy1Y/F+204Q2LHKWOrgXmrh7frT0y+
gkVUAzpVHDEbMml+6Pmtuoj3fsoSVGgfqk+IltXFY4RIriokdjSUiXZxKnHIHF1j
ycyHvjsI++qHwbSISqixs8J2I+i49Cpo1IZ+7QErtW2fIVrmydmUFKLbTlvCqo7x
yG+6vDrBrcvbbC1Vd4A9VxdXBNbPa12O11BcQ8LbtZH4gNl4UsidxJk1hZRZb2qs
4UAwRC1klQc/+AooQHyKdnlu58fEz1xtHdI/jsEGHHHLGq8JIx7nNiGEb+IFQIbU
cl4/FUO/iwbI2I3yDAU8OAhcEEk32Z1mmuhXHwIDAQABAoIBAQDXcb6qeY1JbaWr
XLTiaXjnZHklGV6cCmcvo8PHIwXd8md9PAPvMtIBOUxGmY/yNtF7O2fuNHuJ6CuG
45PzSpL4RHm/8yjIlmemBomvTLJe0cd+0dIfVsgPZTa03tbav7zwUB/oNYx4RQ0R
7HFv93y2hOe9ARuzS+Q7WXuhpyNaEbvsqQGaeyw0xnBZyopv12CJRtT5PoITeEgv
0meaDiXttkUZd1r3MLutAHsBpvuAUypoOppsUvbJ6Gsv3j4pd6aOHVEomEMaTZf7
hRLNihnTfbj0t3yz/wKZ1FfamHbjRNnML1R+vnv4zEdPFmCJG3mAABQOgja2vwvk
Rxq3/L5BAoGBAO3/ar7ClBgFc09cqz8+jbIOI9pXdP5SoZh9S8B61qi6Nxie192C
nHLc7qjFNCudOBV25+l98ZLCElWjiMcpAD/AH125dE15K+U0qBn0fJvegMWAiTHV
9Av9m39oSnnuu8tVW/AbWjV86EzCRLcpQ+Q5i45HK+d/UIUv8BHGxqG9AoGBAOwJ
juWRuh/+KSw6jJa52sZjkg6m0VAQB7dsQssIhQhQbZvgaLur2bQlf6iJPOHGLnPs
ZVe/LP3VwVgd6+hWo3uPVwjgHyblfLQva7rRXyilv84UMDVHrP1dsg9bEEuckit2
1A9ZMzqdUlAkFZ8aSDq4DRAjggIzf7SnoMt1aTQLAoGAFi116f7BxBdF7oBJKOSQ
WaY9qwv5R/W1Pzt1wqLvu9tWZQHwRaD1KTLzPmDaArJs1ns1Eyn8R9uzz60kgsKM
VmR1x8sPTmTbNUmZ3IlOz0uFnmHi5vTz/+YLBm1We1RGxaTXo2E5H8Da+MQlmRfM
TskZ+xEgwzq26yJTcaSfP9UCgYBwbzUkYcBZUQZnzRP/EFUIP5HpbMkz7A7g7q76
a/qCtV0g7Uq2auvvBhXDQGxB19d03NyBac2StGm/AbHIIM0LJIJ+9dOhAZvfcN9O
REGh7SJuletI1fWvUxxoeCZQ/ioajiYBkan3d80n46hw+2IApn+CeoeJaOKiOV88
y5brdQKBgQCZ3pDpf4wKfR2IYDRLHXsxG4s8Td25HNtIt/ejmnGPWYQgDHl2dLpU
RzTTI6lIFaLTEPAVc4VhlfoltFvLSbm8fUoQfHhPEaGJeDzKSLq52oOQtYMZ/iIR
P6KH210ZgZjuJHQOUqeA954epRnbIosgrWz0G7qNjrpoHZkPcWXxmQ==
-----END RSA PRIVATE KEY-----

Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚

安装jenkins集成gitlab所需的插件,下载链接:https://pan.baidu.com/s/1p_jh8X3ma46SEV_tKLKYbw
提取码:zoej
安装插件,如图:
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
依次上传我提供的包,顺序如下:gitlab-oauth——>gitlab-plugin ——> windows-slaves ——>ruby-runtime ——>gitlab-hook即可!
Jenkins实现html代码上线与回滚
清华大学Jenkins源:https://mirrors.tuna.tsinghua.edu.cn/jenkins/updates/update-center.json

gitlab服务器提交代码到gitlab,测试拉取代码:

[root@gitlab ~]# cd web-demo/
[root@gitlab web-demo]# git config --global user.email "you@example.com"
[root@gitlab web-demo]# git config --global user.name "Your Name"
[root@gitlab web-demo]# echo "123" >> 123.txt
[root@gitlab web-demo]# git add .
[root@gitlab web-demo]# git commit -m '123'
[root@gitlab web-demo]# git push origin master

Jenkins服务器进行构建:
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
构建成功!

五、部署Nginx

使用Nginx来模拟上线环境!

[root@nginx ~]# yum install -y gcc gcc- c++ autoconf pcre pcre-devel make automake wget httpd-tools vim tree
#由于是最小化安装的系统,所以安装一些必要的软件
[root@nginx ~]# vim /etc/yum.repos.d/nginx.repo
#配置nginx的yum源,Nginx官方也有相应的配置信息
[nginx]
name=nginx_repo 
baseurl=http://nginx.org/packages/centos/7/$basearch/
gpgcheck=0
enabled=1
#该yum源默认情况下安装的是nginx最新的、稳定版
[root@nginx ~]# yum -y install nginx              #安装nginx
#对nginx的版本没有要求,只是为了使用访问效果而已
[root@nginx ~]# rm -rf /etc/nginx/conf.d/default.conf        
#删除默认的配置文件
[root@nginx ~]# vim /etc/nginx/conf.d/server.conf
#新建配置文件
server {
        listen 80;

        location / {
                root /code/web;
                index index.html index.htm;
        }
}
[root@nginx ~]# mkdir -p /code/web
[root@nginx ~]# nginx -t
[root@nginx ~]# systemctl start nginx

六、Jenkins实现代码自动上线

1)Jenkins服务编写上线脚本
[root@jenkins ~]#mkdir /scripts && cd /scripts/
[root@jenkins scripts]# vim html_deploy.sh 
#!/bin/bash
DATE=$(date +%Y-%m-%d-%H-%M-%S)
web_server="192.168.1.8"
Sdir=/opt
Ddir=/code

#1)进入项目目录,将内容进行打包,${WORKSPACE}是Jenkins的内置变量,表示构建目录的绝对路径
get_code(){
        cd ${WORKSPACE} && \
        tar zcf ${Sdir}/web-${DATE}.tar.gz ./*
}
#2)将内容通过scp复制到web网页目录
scp_web_server(){
for hosts in ${web_server}
do
        scp ${Sdir}/web-${DATE}.tar.gz root@${hosts}:/opt
        ssh root@${hosts} "mkdir -p ${Ddir}/web-${DATE} && \
                        tar zxf ${Sdir}/web-${DATE}.tar.gz -C ${Ddir}/web-${DATE}
                        rm -rf ${Ddir}/web && \
                        ln -s ${Ddir}/web-${DATE} ${Ddir}/web"
done
}

deploy(){
        get_code
        scp_web_server
}

        deploy
[root@jenkins scripts]# chmod +x html_deploy.sh 
[root@jenkins scripts]# ps -ef | grep jenkins
#可以看出jenkins的运行用户是jenkins
jenkins   58626      1  1 11:23 ?        00:00:39 /etc/alternatives/java -Dcom.sun.akuma.Daemon=daemonized -Djava.awt.headless=true -DJENKINS_HOME=/var/lib/jenkins -jar /usr/lib/jenkinsjenkins.war --logfile=/var/log/jenkins/jenkins.log --webroot=/var/cache/jenkins/war --daemon --httpPort=8080 --debug=5 --handlerCountMax=100 --handlerCountMaxIdle=20
root      61336   2046  0 12:06 pts/0    00:00:00 grep --color=auto jenkins
[root@jenkins scripts]# vim /etc/sysconfig/jenkins 
JENKINS_USER="root"
#为了防止权限问题,直接将jenkins的运行用户改为root
[root@jenkins scripts]# systemctl restart jenkins
#重启jenkins服务
[root@jenkins scripts]# ssh-copy-id root@192.168.1.8
#配置Jenkins可以免密登录到nginx服务器
2)git服务器编辑网页代码并上传:
[root@gitlab web-demo]# echo "lvzhenjiang" >> index.html
[root@gitlab web-demo]# git add .
[root@gitlab web-demo]# git commit -m "first"
[root@gitlab web-demo]# git push origin master

Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
有兴趣可以构建时的控制台输出!

访问nginx进行测试!
Jenkins实现html代码上线与回滚
确认是刚才gitlab服务器提交的代码信息!

[root@nginx ~]# ll /code                    #查看网页目录实现的具体过程
#可以查看到真正的网页目录是别的目录链接过去的

总用量 0
lrwxrwxrwx 1 root root 29 2月  25 19:37 web -> /code/web-2020-02-25-19-37-13
drwxr-xr-x 2 root root 39 2月  25 19:37 web-2020-02-25-19-37-13

这种方式发布还有很多地方需要完善,比如回退,接下来使用tag的方式发布!

七、Jenkins实现代码自动部署与回退及重复构建

让项目支持tag的方式上线,便于我们进行区分!

1)git服务器创建几个tag标签并上传至gitlab:
[root@gitlab ~]# cd web-demo/
[root@gitlab web-demo]# echo "

lvzhenjiang-version-v1.1

" > index.html [root@gitlab web-demo]# git add . [root@gitlab web-demo]# git commit -m "v1.1" [root@gitlab web-demo]# git push origin master [root@gitlab web-demo]# git tag -a "v1.1" -m "v1.1" [root@gitlab web-demo]# git push origin v1.1 [root@gitlab web-demo]# echo "

lvzhenjiang-version-v1.2

" > index.html [root@gitlab web-demo]# git add . [root@gitlab web-demo]# git commit -m "v1.2" [root@gitlab web-demo]# git push origin master [root@gitlab web-demo]# git tag -a "v1.2" -m "v1.2" [root@gitlab web-demo]# git push origin v1.2 [root@gitlab web-demo]# echo "

lvzhenjiang-version-v1.3

" > index.html [root@gitlab web-demo]# git add . [root@gitlab web-demo]# git commit -m "v1.3" [root@gitlab web-demo]# git push origin master [root@gitlab web-demo]# git tag -a "v1.3" -m "v1.3" [root@gitlab web-demo]# git push origin v1.3
2)Jenkins服务器安装插件并配置:

使用该方式就需安装插件:Git Parameter。

安装方式:系统管理——>插件管理——>可选插件——搜索Git Parameter——>直接安装!

[root@jenkins ~]# systemctl restart jenkins
#安装完成后,需重启Jenkins!
[root@jenkins ~]# cd /scripts/
[root@jenkins scripts]# vim html_deploy_tag.sh      #优化脚本
#!/bin/bash
DATE=$(date +%Y-%m-%d-%H-%M-%S)
web_server="192.168.1.8"
Sdir=/opt
Ddir=/code
Name=${DATE}-${git_version}                 #${git_version}是在jenkins界面定义的变量

#1)进入项目目录,将内容进行打包
#${WORKSPACE}是Jenkins的内置变量,表示构建目录的绝对路径
get_code(){
        cd ${WORKSPACE} && \
        tar zcf ${Sdir}/web-${Name}.tar.gz ./*
}
#2)将内容通过scp复制到web网页目录
scp_web_server(){
for hosts in ${web_server}
do
        scp ${Sdir}/web-${Name}.tar.gz root@${hosts}:/opt
        ssh root@${hosts} "mkdir -p ${Ddir}/web-${Name} && \
                        tar zxf ${Sdir}/web-${Name}.tar.gz -C ${Ddir}/web-${Name}
                        rm -rf ${Ddir}/web && \
                        ln -s ${Ddir}/web-${Name} ${Ddir}/web"
done
}

deploy(){
        get_code
        scp_web_server
}

        deploy
[root@jenkins scripts]# chmod +x html_deploy_tag.sh 

接下来:
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚

访问nginx:
Jenkins实现html代码上线与回滚

[root@nginx ~]# ll /code     #这样就可以很清楚的查看构建的是哪个版本
总用量 0
lrwxrwxrwx 1 root root 34 2月  25 20:21 web -> /code/web-2020-02-25-20-21-18-v1.3
drwxr-xr-x 2 root root 39 2月  25 19:37 web-2020-02-25-19-37-13
drwxr-xr-x 2 root root 39 2月  25 20:21 web-2020-02-25-20-21-18-v1.3

部署到此。回退的问题仍没有解决!比如:部署两次v1.3版本就会产生两个v1.3的目录!

3)解决版本回退、重复构建的问题
[root@jenkins scripts]# vim html_deploy_tag_rollback.sh     #优化脚本,支持回退
#!/bin/bash
DATE=$(date +%Y-%m-%d-%H-%M-%S)
web_server="192.168.1.8"
Sdir=/opt
Ddir=/code
Name=${DATE}-${git_version}                 #${git_version}是在jenkins界面定义的变量

#1)进入项目目录,将内容进行打包
#${WORKSPACE}是Jenkins的内置变量,表示构建目录的绝对路径
get_code(){
        cd ${WORKSPACE} && \
        tar zcf ${Sdir}/web-${Name}.tar.gz ./*
}
#2)将内容通过scp复制到web网页目录
scp_web_server(){
for hosts in ${web_server}
do
        scp ${Sdir}/web-${Name}.tar.gz root@${hosts}:/opt
        ssh root@${hosts} "mkdir -p ${Ddir}/web-${Name} && \
                        tar zxf ${Sdir}/web-${Name}.tar.gz -C ${Ddir}/web-${Name}
                        rm -rf ${Ddir}/web && \
                        ln -s ${Ddir}/web-${Name} ${Ddir}/web"
done
}

rollback(){
back_file=$(ssh root@${web_server} "find /code/ -maxdepth 1 -type d -name "web-*-${git_version}"")
for hosts in ${web_server}
do
        ssh root@${hosts} "rm -rf ${Ddir}/web && \
           ln -s ${back_file} ${Ddir}/web"
done
}

deploy(){
        get_code
        scp_web_server
}
#判断之前是否部署过该版本的commit,如果没有部署则部署,如果有则提示已经部署过然后退出
#如果是回退,则不受限制
if [ ${deploy_env} == "deploy" ];then
        if [ ${GIT_COMMIT} == ${GIT_PREVIOUS_SUCCESSFUL_COMMIT} ];then
                echo "你已经部署过该${git_version}版本"
                exit 1
        else
                deploy
        fi

elif  [ ${deploy_env} == "rollback" ];then
        rollback
fi
[root@jenkins scripts]# chmod +x html_deploy_tag_rollback.sh 

接下来配置:
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚
Jenkins实现html代码上线与回滚

测试:
Jenkins实现html代码上线与回滚
web页面:
Jenkins实现html代码上线与回滚
执行回退操作:
Jenkins实现html代码上线与回滚
有兴趣可以构建时的控制台输出!

web页面:
Jenkins实现html代码上线与回滚

[root@nginx ~]# ll /code            #可以看出只创建了一次v1.3的目录
总用量 0
lrwxrwxrwx 1 root root 34 2月  25 20:46 web -> /code/web-2020-02-25-20-21-18-v1.3
drwxr-xr-x 2 root root 39 2月  25 19:37 web-2020-02-25-19-37-13
drwxr-xr-x 2 root root 39 2月  25 20:21 web-2020-02-25-20-21-18-v1.3
drwxr-xr-x 2 root root 39 2月  25 20:46 web-2020-02-25-20-46-15-v1.1

重复构建、回退问题解决!

————————本文到此结束,感谢阅读————————


网页标题:Jenkins实现html代码上线与回滚-创新互联
新闻来源:http://cdkjz.cn/article/djoseo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220