都2022年了，还不用Jenkins自动化部署？

简介：大家好，我是枫哥，🌟一线互联网的IT民工、📝资深面试官、🌹Java跳蚤网课堂创始人。拥有多年一线研发经验，曾就职过科大讯飞、美团网、平安等公司。在上海有自己小伙伴组建的副业团队，目前业余时间专注Java技术分享，春招/秋招/社招/跳槽，一对一学习辅助，项目接活开发。

 背景

前段时间与同事在交流中聊到了互联网每个岗位的职责，然后就聊到了测试岗位！

一个同事不禁发问：”如果我们开发接到了特别庞大的项目，开发周期特别久，难道测试团队就一直干等着我们开发结束再进行测试吗？那这样的话做测试不是很爽吗！“

我不禁感慨：“难道一个测试团队对接的是多个开发团队？”

带着这个疑问，我询问了一个老大哥，他跟我说：“菜鸟，自动化部署了解一下？”

于是就有了今天这篇文章，同时我也查阅了资料，看了相关视频。顺便将我自己研发的项目进行了自动化部署，不得不说，真香！每天写完代码只需要在本地发起一个git提交，剩下的打包构建，代码部署，全部由今天的主人公​​Jenkins​​自动化完成（我的后端接口是写好了的，已经用传统部署的方式进行了部署，所以我主要是将我的前端项目进行了自动化部署）。

 传统开发模式

code --> build --> test --> release --> opearte

显而易见的弊端，项目只有等到开发人员开发完成之后，才能进行测试和部署。各岗位之间无法同步工作，很不协调！而且一旦线上出现bug，也只能等待问题，然后又是这样的一套流程走，效率极低！

自动化部署

其实，最简单的来形容自动化部署：但我在本地开发之后，只需要把代码进行推送到远程仓库（比如：github），服务器会自动进行构建打包，自动完成部署！

部署需求

• 开发完成 或者 开发中的前端项目
• 购买阿里云服务器，我在双十一的时候就白嫖了一个！

搭建服务器环境

jenkins的安装

远程连接

ssh root@  后边再加上你的服务器ip地址
例如我自己的服务器：ssh root@120.25.203.54
然后输入密码 就成功连接上了

安装dnf

centOS8默认是装了dnf的，可以敲命令查看

dnf

 centOS7用的是yum，我们可以用yum来安装dnf

yum install dnf

安装Java环境

Jenkins本身是依赖Java的，所以我们需要先安装Java环境

dnf search java-1.8  #可以先搜索
dnf install java-1.8.0-openjdk.x86_64

安装Jenkins

因为Jenkins本身是没有在dnf的软件仓库包中的，所以我们需要连接Jenkins仓库：

执行命令：

wget –O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat-stable/jenkins.repo

下载之后我们通过 ​​ls​​命令进行查看，安装成功

jenkins.repo

但是有可能下载之后并没有安装在我们指定的文件夹：​​/etc/yum.repos.d/jenkins.repo​​

我们通过​​pwd​​​命令查看，我自己的情况是没有安装在指定文件夹，而是安装在​​/root​​中

所以我需要移动该文件

mv jenkins.repo /etc/yum.repos.d/

#我们可以进入对应的文件夹查看
cd /etc/yum.repos.d/
#然后执行命令查看是否有 jenkins.repo
ls

 接下来的操作：导入GPG密钥以确保您的软件合法

rpm --import https://pkg.jenkins.io/redhat/jenkins.io.key

编辑一下文件 /etc/yum.repos.d/jenkins.repo

vi jenkins.repo

进入该文件，点击​​i​​进入编辑模式

[jenkins]

name=Jenkins-stable

baseurl=http://pkg.jenkins.io/redhat (把这里多出来的单词-stable删掉)

gpgcheck=1

修改之后点击​​esc​​​，然后按住​​shift​​​再按下​​:​​​，输入​​wq​​，保存并退出

最后进行Jenkins的安装

dnf install jenkins

启动Jenkins的服务：

systemctl start jenkins    #启动
systemctl status jenkins   #查看状态
systemctl enable jenkins   #设置操作系统重启，jenkins也会自动重启

Jenkins默认使用8080端口提供服务，所以在服务器安全组中开启8080端口

直接访问 ip地址+8080端口，

根据提示在命令行中查看密码，进行登录

cat /var/lib/jenkins/secrets/initialAdminPassword

登录成功之后，根据提示安装推荐的插件

安装成功之后，根据提示创建管理员用户

 到此，我们的Jenkins就安装成功了，也创建了我们自己的管理员账户，接下来我们进行​​nginx​​反向代理服务器的安装与配置。

nginx安装和配置

安装nginx

dnf install nginx

启动nginx

systemctl start nginx
systemctl status nginx
systemctl enable nginx

这个时候启动成功了，在浏览器访问你的ip地址就可以看到对应的nginx界面（默认端口是80）

实际上此时访问的界面对应的文件为：​​/user/share/nginx/html/index.html​​

我们可以把我们想要部署的项目放在 ​​/root​​下 新建的文件夹

cd /root/               #进入root文件夹
mkdir mail_project      #新建文件夹 mail_project
cd mail_project         #进入mail_project文件夹 
touch index.html        #新建文件 index.html
vi index.html           #进入编辑模式，可任意编辑

接下来我们希望我们在浏览器访问到的是我们刚刚新建的这个​​index.html​​

此时我们需要的是修改nginx的默认配置

配置nginx

输入命令，编辑文件

vi /etc/nginx/nginx.conf

此时进入nginx的配置文件，我们要进行修改，但是在linux的环境下编辑文本可能不是太方便，很容易修改错，所以这里推荐的方法为：将vscode与远程服务器进行连接

vscode的配置

安装插件： ​​Remote-SSH​​

然后进行连接

 

连接成功之后，进入文件里边点击打开文件夹，此时打开的文件即为服务器的文件，可以做任何的修改

此时我们可以修改 ​​/root/mail_project/index.html​​

然后再修改nginx的配置：​​/etc/nginx/nginx.conf​​

我们这里主要配置nginx的用户和默认访问目录：

配置用户：

 配置访问目录：

配置完成之后重新启动nginx

配置完成之后重新启动nginx

 

然后在浏览器重新访问，此时就可以看到我们刚刚写的html文件所渲染的页面了！

事已至此，我们只要把我们的项目进行打包，然后放在刚刚的​​mall_project​​里边即可完成部署！

这是传统的部署的方式，我们这次要做的实现自动化部署，所以接下来我们要在刚刚安装的​​Jenkins​​进行我们项目的配置！

jenkins的配置

本地项目推送

首先我们要把我们的项目推送到​​github​​上面

• 新建一个仓库，进行命名
• 在本地项目目录打开​​git bash​​，

• ​​git init​​
• ​​git remote add 远程地址​​
• ​​git add .​​
• ​​git commit -m '部署项目'​​
• ​​git push -u origin master​​

Jenkins用户

我们后面会访问centos中的某些文件夹，默认Jenkins使用的用户是 ​​jenkins​​，可能会没有访问权限，所以我们需要修改一下它的用户：

修改文件的路径：​​/etc/sysconfig/jenkins​​ 

之后需要重启一下Jenkins：

systemctl restart jenkins

Jenkins项目配置

在浏览器登陆我们的Jenkins的可视化界面，输入ip地址:8080

点击：新建Item

 然后编写项目的描述

 

源码管理我们选择的是 ​​Git​​

我们的服务器上边是没有​​git​​的，所以我们需要安装

dnf install git

安装成功之后，进行我们的源码管理编写

我们需要进行添加，选择​​Jenkins​​

 

用户名填写你的github账号，密码的话需要填写的是token，可以在github上边进行生成，这里就不展开了...

填写添加之后，就可以选择你的账号了！

指定分支就按照你的代码仓库的分支进行填写： **/master 或者 /main

 

构建触发器

这里的触发器规则是这样的：

• 定时字符串从左往右分别是：分 时 日 月 周

#每半小时构建一次OR每半小时检查一次远程代码分支，有更新则构建
H/30 * * * *

#每两小时构建一次OR每两小时检查一次远程代码分支，有更新则构建
H H/2 * * *

#每天凌晨两点定时构建
H 2 * * *

#每月15号执行构建
H H 15 * *

#工作日，上午9点整执行
H 9 * * 1-5

#每周1,3,5，从8:30开始，截止19:30，每4小时30分构建一次
H/30 8-20/4 * * 1,3,5

 

构建环境

此时的构建环境选项中并没有​​node.js​​环境

我们需要去外部进行安装，先保存

点击Jenkins图标，回到主页面，点击系统管理，再点击插件管理（可能为英文）

 点击可选插件，搜索node，在NodeJS打钩，然后点击​​Download now and install after restart​​

等待安装之后，重启Jenkins

点击系统管理，点击全局工具配置

拉到最下边，新增NodeJS，选择之后点击保存\

 回到首页之后，点击我们刚刚新建的项目，然后点击配置

 构建就是为了执行我们编写的shell脚本

pwd
node -v
npm -v

npm install 
npm run build

pwd

echo '构建成功'

ls

# 删除/root/mall_cms文件夹里所有的内容
rm -rf /root/mall_project/* 

cp -rf ./dist/* /root/mall_project/

 

回到刚刚的项目页面，点击 立即构建

开始构建之后，我们可以查看控制台输出

 

 构建成功刷新我们的项目页面 ​​ip地址/8080​​，成功部署！

最后

通过这一套流程下来，我的项目也就成功实现了自动化部署，而且每隔半小时，Jenkins就会去拉一次代码，然后进行打包部署。

我就可以愉快地在我的本地进行开发啦，开发到一定程度就把代码push到我的github仓库即可！顺利摆脱了传统的需要开发完手动部署的方式！！！