Jenkins持续集成与Web前端SpringBoot项目的部署
Jenkins持续集成与Web前端、SpringBoot项目的部署
Jenkins是一个开源的持续集成（Continuous Integration, CI）和持续交付（Continuous Delivery, CD）工具，广泛应用于软件开发过程中。它基于Java开发，旨在提供一个开放易用的软件平台，帮助软件项目实现持续集成和持续交付。它的主要功能有以下几点：
1.自动化构建：Jenkins可以根据配置自动从代码仓库获取代码，并执行编译、打包等构建操作，例如对于Java项目进行Maven或Gradle构建。
2.集成多种工具：Jenkins能够与多种开发工具和技术集成，如Git、Subversion等版本控制系统，以及JUnit、Selenium等测试框架。
3.分布式构建：支持在多台机器上进行分布式的构建任务，以提高构建效率，缩短构建时间。
工作流程图：
提取 Jenkins镜像
[root@hw-81969 ~]# docker pull jenkins/jenkins 查看镜像
[root@hw-81969 ~]# docker images
REPOSITORY TAG IMAGE ID CREATED SIZE
jenkins/jenkins latest 93d377dce516 2 days ago 441MB 运行docker镜像
[root@hw-81969 ~]# docker run -d -u root -p 1000:8080 -v /jenkins:/var/jenkins_home --name jenkins1 镜像id 访问 Jenkins http://ip地址:1000/
获取密码，根据它的提示到指定目录寻找，或者通过查看日志获取
[root@hw-81969 ~]# docker logs 镜像id
另外一种获取密码的方法：
docker exec -it [容器名称] /bin/bash
cat /var/jenkins_mount/secrets/initialAdminPassword
exit 输入密码后进入插件选择的界面，推荐安装就行
设定管理员账号，我们直接用admin账号
进入系统管理–>插件管理来安装我们下方用到的插件
Localization:Chinese(Simplified) 汉化插件
Gitee Plugin 对接gitee的插件
Publish Over SSH 远程连接访问的插件
Email Extension 发送邮件插件
NodeJS 构建Vue等项目
Docker Docker插件
Generic Webhook Trigger 触发构建任务
thinbackup 数据定期备份 等待其安装完毕，就可以开始使用，默认的站点比较慢，在【高级页面】更换其它国内的镜像
https://mirrors.tuna.tsinghua.edu.cn/jenkins/updates/update-center.json
进入【新建任务】页面，输入名称选择【构建一个自由风格的软件项目】，保存。保存之后配置先不用配，进入下一步
生成令牌 — 路径：在gitee个人页面->【设置】->【私人令牌】->【生成新令牌】即可。生成完成后记得及时保存
在Jenkins面板点击【添加】，选择下图选项：成功之后记得保存
进入【我的视图】，找到刚新建的任务，进入配置页面， 对这个任务的构建进行配置
进入我们的gitee要部署的仓库项目的页面，把地址复制下来
配置远程服务器连接: 我们要用 Pushlish over SSH: 用来连接远程服务器，作为仓库服务器。下面开始配置
首先进入【系统管理】-> 【系统配置】，往下滑找到【Publish over SSH】，然后点击新增
成功之后，连接服务器的配置就完成了
配置邮箱通知信息
选择要通知的邮箱，开启smtp服务，我用的QQ邮箱，点击生成授权码保存下来。
到【系统管理】->【系统配置】配置我们的邮箱信息，共有3个地方需要填写
需要填写的信息
SMTP服务器: smtp.qq.com
用户默认邮件后缀 @qq.com
勾选【使用SSL协议】
SMTP端口 465邮箱整合项目
首先呢先在具体任务的【构建后操作】去配置
构建模板
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>${ENV, var="JOB_NAME"}-第${BUILD_NUMBER}次构建日志</title>
</head>
<body leftmargin="8" marginwidth="0" topmargin="8" marginheight="4" offset="0">
<table width="95%" cellpadding="0" cellspacing="0" style="font-size: 11pt; font-family: Tahoma, Arial, Helvetica, sansserif">
<tr>
<td>(本邮件是程序自动下发的，请勿回复！)</td>
</tr>
<tr>
<td>
<h2>
<font color="#0000FF">构建结果 - ${BUILD_STATUS}</font>
</h2>
</td>
</tr>
<tr>
<td><br />
<b><font color="#0B610B">构建信息</font></b>
<hr size="2" width="100%" align="center" />
</td>
</tr>
<tr>
<td>
<ul>
<li>项目名称 ： ${PROJECT_NAME}</li>
<li>构建编号 ： 第${BUILD_NUMBER}次构建</li>
<li>Git版本 ： ${GIT_REVISION}</li>
<li>触发原因： ${CAUSE}</li>
<li>构建日志： <a href="${BUILD_URL}console">${BUILD_URL}console</a></li>
<li>构建 Url ： <a href="${BUILD_URL}">${BUILD_URL}</a></li>
<li>工作目录 ： <a href="${PROJECT_URL}ws">${PROJECT_URL}ws</a></li>
<li>项目 Url ： <a href="${PROJECT_URL}">${PROJECT_URL}</a></li>
</ul>
</td>
</tr>
<tr>
<td><br />
<b><font color="#0B610B">构建之后的变化</font></b>
<hr size="2" width="100%" align="center" />
</td>
</tr>
<tr>
<td>
<ul>
<li>历史变更记录 : <a href="${PROJECT_URL}changes">${PROJECT_URL}changes</a></li>
</ul> ${CHANGES_SINCE_LAST_SUCCESS,reverse=true,format="Changes for Build #%n\n%c\n",showPaths=true,changesFormat="%a%m",pathFormat="\\t%p\\n"}
</td>
</tr>
<tr>
<td>
<br />
<b><font color="#0B610B">失败的测试结果</font></b></b>
<hr size="2" width="100%" align="center" />
</td>
</tr>
<tr>
<td><pre style="font-size: 11pt; font-family: Tahoma, Arial, Helvetica,
sans-serif">${FAILED_TESTS}</pre>
<br /></td>
</tr>
<tr>
<td><br />
<b><font color="#0B610B">构建日志</font></b>
<hr size="2" width="100%" align="center" />
</td>
</tr>
<tr>
<td><textarea cols="80" rows="30" readonly="readonly" style="font-family: Courier New">${BUILD_LOG}</textarea>
</td>
</tr>
</table>
</body>
</html>修改【系统配置】中默认的邮箱设置可以达到复用效果
Jenkins的所有数据文件都存在文件中，Jenkins备份就是备份JENKINS_HOME目录。其中 workspace, builds 和 fingerprints目录是不需要备份的。
安装插件，在【系统管理】下方有【thinbackup】选项
内容从至下为备份、恢复、设置。需要设置的地方：
设定完成后点击save，保存，回到上一界面点击Backup Now。需要的时候点击还原备份，点击restore
部署web前端项目
传统web项目 : 新建我们的任务,步骤和上面介绍的一样，这里不再重复。然后把html文件拷贝到目标服务器
开启Nginx或者Tomcat服务，就可以运行了
部署Vue项目
需安装插件，所有用到的插件上面已经介绍过了
然后在【全局工具配置】配置node版本
接下来也需要配置SSH连接远程服务器， 配置完毕后，开始新建我们的任务，同样上面也介绍了怎样配置服务器和新建任务的步骤，这里不再重复
cd /var/jenkins_home/workspace/文件目录 #进入test项目目录
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
npm install
npm run build
cd dist
rm -rf 文件名.tar.gz #删除上次打包生成的压缩文件
tar -zcvf 文件名.tar.gz * #把生成的项目打包成test方便传输到远程服务器
cd ../最后一步，把文件发到远程服务器上，在【构建】或者【构建后操作】选择【send * over ssh】（因为效果是一样的，二者都可以）,类似于部署传统web项目
SSH相关配置
dist/*.tar.gz
dist
usr/local/nginx/html/
## shell脚本
cd /usr/local/nginx/html # 打开目标文件地址
rm -rf 文件夹名 # 删除包含目标文件的文件夹
mkdir 文件夹名 # 新建同名文件夹
tar -zxvf 文件名.tar.gz -C 文件夹名/ # 解压文件到这个文件夹的目录下
rm -rf 文件名.tar.gz # 删除压缩文件部署SpringBoot项目 : 因为是java项目，所以我们首先要配置java环境，且用maven打包还要配置maven环境，当然你用其他的打包也可以
安装JDK
点击【系统管理】-> 【全局工具配置】即可进入配置面板
新增Maven
修改maven镜像源，改成阿里云镜像
<mirror>
<id>alimaven</id>
<name>aliyun maven</name>
<url>http://maven.aliyun.com/nexus/content/groups/public</url>
<mirrorOf>central</mirrorOf>
</mirror>完成后点击保存即可，这样我们的jdk与maven就构建完成
部署服务
设置maven相关配置，然后保存
需要输入的命令
clean package
pom.xml增加shell命令，自动部署运行
填入命令 注意这分为直接运行jar包与运行Docker容器运行两种类型，分别说明一下
jar包运行方式的脚本
sudo fuser -k -n tcp 项目端口号
cd 生成的jar包目录
nohup java -jar 文件名 > 日志目录文件地址 &
Docker容器运行的脚本
使用Docker运行首先需要制作Docker容器，在项目根目录编写Dockerfile文件,然后上传到代码仓库
#FROM openjdk:8-jdk-alpine
FROM hub.c.163.com/dwyane/openjdk:8
MAINTAINER qinadu<邮箱地址>
EXPOSE 8080 # 对外暴露的端口
CMD ["--server.port:8080"] # 映射端口
CMD echo "---Docker容器环境配置成功，即将运行---"
copy *.jar /app.jar
ENTRYPOINT ["java","-jar","/app.jar"]
CMD echo "---服务开启成功，访问端口:8080---"
clean install -Dmaven.test.skip=true最后在构建项目中执行shell脚本，保存
mvn docker:build -t 镜像别名
echo "当前docker 镜像："
docker images | grep 镜像别名
echo "启动容器----->"
docker run -d -p --name 容器名 镜像别名
echo "启动服务成功！"然后开始构建我们的项目，返回上一步，进入如下页面开始构建 （Build with Parameters）
改造shell脚本，如果下次构建该项目的时候，docker镜像和服务已存在，需要先删除镜像和服务
# 先删除之前的容器
echo "移除之前的容器>>>"
docker ps -a | grep 容器名 | awk '{print $1}'| xargs docker rm -f
# 删除之前的镜像
echo "移除之前的镜像>>>"
docker rmi 镜像别名
# 构建镜像
mvn docker:build -t 镜像别名
# 打印当前镜像
echo "当前镜像>>>"
docker images | grep 镜像别名
# 启动容器
echo "容器启动中>>>"
docker run -d -p --name 容器名 镜像别名
# 打印当前容器
echo "当前容器>>>"
docker images | grep 容器名
echo "启动服务成功！"配置镜像容器服务
创建镜像仓库
使用jenkins构建
IMAGE_NAME='registry.cn-beijing.aliyuncs.com/{命名空间}/{仓库名称}:web-demo-0.0.1-SNAPSHOT'
echo IMAGE_NAME=$IMAGE_NAME
echo '================当前docker版本=============='
echo `docker -v`
echo '================开始创建镜像================'
docker build -t $IMAGE_NAME .
echo '================开始推送镜像================'
docker login --username={阿里云Registry登录名} --password={阿里云Registry登录密码} registry.cn-beijing.aliyuncs.com
docker push $IMAGE_NAME
echo '====================OK!================'提取镜像
IMAGE_NAME='registry.cn-beijing.aliyuncs.com/{命名空间}/{仓库名称}:web-demo-0.0.1-SNAPSHOT'
docker pull $IMAGE_NAME
echo '====================OK!================'