Jenkins自动部署前端项目

阳光穿透心脏的1/2处 2023-01-03 04:10 166阅读 0赞

## 一、前言 ##

### 1.1 传统网站部署的流程 ###

> 传统的网站部署，大家在运维过程中，网站部署是运维的工作之一，网站部署的流程大致分为：需求分析—原型设计—开发代码—提交测试—内网部署—确认上线—备份数据—外网更新-最终测试，如果发现外网部署的代码有异常，需要及时回滚。（如下图所示）

![0cc819823ca804984103cbc33e891874.png][]

### 1.2 目前主流网站部署的流程 ###

> 目前主流网站部署方法，通过Jenkins工具平台实现全自动部署+测试，是一个可扩展的持续集成引擎，是一个开源软件项目，旨在提供一个开放易用的软件平台，使软件的持续集成变成可能。Jenkins非常易于安装和配置，简单易用

**简单来说方便如下人员：**

*  开发人员：写好代码，不需要自己进行源码编译、打包等工作，直接将代码分支存放在SVN、GIT仓库即可。
 *  运维人员：减轻人工干预的错误率，同时解放运维人员繁杂的上传代码、手动备份、更新。
 *  测试人员：可以通过`jenkins`进行简单的代码及网站测试。

![9bf5e6bb6a852a567c4e057db22e4ecc.png][]

### 1.3 Jenkins持续集成简介 ###

*  持续集成(Continuous Integration)是一种软件开发实践，对于提高软件开发效率并保障软件开发质量提供了理论基础。Jenkins 是一个开源软件项目，旨在提供一个开放易用的软件平台，使持续集成变成可能。本文正是从持续集成的基本概念入手，通过具体实例，介绍了如何基于 Jenkins 快速搭建持续集成环境
 *  Jenkins是一个可扩展的持续集成引擎，是一个开源软件项目，旨在提供一个开放易用的软件平台，使软件的持续集成变成可能。Jenkins非常易于安装和配置，简单易用

### 1.4 持续集成意义 ###

*  持续集成中的任何一个环节都是自动完成的，无需太多的人工干预，有利于减少重复过程以节省时间、费用和工作量
 *  持续集成保障了每个时间点上团队成员提交的代码是能成功集成的。换言之，任何时间点都能第一时间发现软件的集成问题，使任意时间发布可部署的软件成为了可能
 *  持续集成还能利于软件本身的发展趋势，这点在需求不明确或是频繁性变更的情景中尤其重要，持续集成的质量能帮助团队进行有效决策，同时建立团队对开发产品的信心

### 1.5 持续集成组件 ###

*  一个自动构建过程，包括自动编译、分发、部署和测试；
 *  一个代码存储库，即需要版本控制软件来保障代码的可维护性，同时作为构建过程的素材库，例如SVN、GIT代码库；
 *  一个jenkins持续集成服务器(123.57.11.203服务器就是一个配置简单和使用方便的持续集成服务器)

## 二、环境搭建 ##

### 2.1 Jenkins安装部署 ###

*  地址[http://mirrors.jenkins-ci.org/下载适合的Jenkins版本][http_mirrors.jenkins-ci.org_Jenkins]

> 由于`Jenkins`属于一个`JAVA` 代码，需要java容器才能运行jenkins，所以需要安装JDK+Tomcat

**这里我们以RPM方式部署jenkins**

> 下载对应的`RPM`包 [https://pkg.jenkins.io/redhat-stable/][https_pkg.jenkins.io_redhat-stable]

<table> 
 <tbody> 
  <tr> 
   <td> <pre>rpm -ih jenkins-2.7.4-1.1.noarch.rpm
</pre> </td> 
  </tr> 
 </tbody> 
</table>

**jenkins 常用命令**

<table> 
 <tbody> 
  <tr> 
   <td> <pre>service jenkins start/stop/restart

chkconfig jenkins on
</pre> </td> 
  </tr> 
 </tbody> 
</table>

**jenkins的目录结构**

<table> 
 <tbody> 
  <tr> 
   <td> <pre>/usr/lib/jenkins/jenkins.war     #WAR包

/etc/sysconfig/jenkins       　　 #配置文件

/var/lib/jenkins/        　　　　   #默认的JENKINS_HOME目录

/var/log/jenkins/jenkins.log      #Jenkins日志文件
</pre> </td> 
  </tr> 
 </tbody> 
</table>

**启动jenkins**

<table> 
 <tbody> 
  <tr> 
   <td> <pre>service jenkins start
</pre> </td> 
  </tr> 
 </tbody> 
</table>

**修改jenkins端口**

<table> 
 <tbody> 
  <tr> 
   <td> <pre>vim /etc/sysconfig/jenkins

JENKINS_PORT="8888"
</pre> </td> 
  </tr> 
 </tbody> 
</table>

**防火墙开启8888端口**

<table> 
 <tbody> 
  <tr> 
   <td> <pre>[root@localhost modules]# vim /etc/sysconfig/iptables
# Firewall configuration written by system-config-firewall
# Manual customization of this file is not recommended.
*filter
:INPUT ACCEPT [0:0]
:FORWARD ACCEPT [0:0]
:OUTPUT ACCEPT [0:0]
-A INPUT -m state --state ESTABLISHED,RELATED -j ACCEPT
-A INPUT -p icmp -j ACCEPT
-A INPUT -i lo -j ACCEPT
-A INPUT -m state --state NEW -m tcp -p tcp --dport 22 -j ACCEPT
-A INPUT -m state --state NEW -m tcp -p tcp --dport 80 -j ACCEPT
-A INPUT -m state --state NEW -m tcp -p tcp --dport 8080 -j ACCEPT

-A INPUT -m state --state NEW -m tcp -p tcp --dport 8888 -j ACCEPT # here

-A INPUT -j REJECT --reject-with icmp-host-prohibited
-A FORWARD -j REJECT --reject-with icmp-host-prohibited
COMMIT
</pre> </td> 
  </tr> 
 </tbody> 
</table>

再次启动jenkins：

<table> 
 <tbody> 
  <tr> 
   <td> <pre>[root@localhost modules]# service jenkins start
</pre> </td> 
  </tr> 
 </tbody> 
</table>

> 打开地址 127.0.0.1:8888

![dd269300528dcbe66d880436dda626d4.png][]

出现此提示说明，启动成功！因为是第一次安装，所以得输入默认密码，默认密码在红框标注的位置。

查看默认密码将密码粘贴到文本框中：

<table> 
 <tbody> 
  <tr> 
   <td> <pre>[root@localhost secrets]# cat /var/lib/jenkins/secrets/initialAdminPassword

97c675381d524414ba11e61c4f4b7ef0
</pre> </td> 
  </tr> 
 </tbody> 
</table>

**安装插件**

![0dde482b9ee160e9309e0144aa747676.png][]

![dd8d25e35d43b933fa33718cb719a484.png][]

### 2.2 基础环境配置 ###

2.2.1 插件安装

![c18eddb142f16f85dc10ed79bdfeab52.png][]

> 安装Publish Over SSH用于执行构建后的操作

![ef3c64999f6beef01f315ef9e6389128.png][]

> 安装nodejs环境

![602a855fb88dee5501c0543be3152f75.png][]

2.2.2 配置信息

**配置git命令**

> whereis git

![a6abaa0ff99735bbf9d2cae644de6f2a.png][]

**配置node信息**

![727efe92f752c99c013ae7b75ffbbde7.png][]

**配置git账户及ssh用户信息**

![31778f0773643a200d4809760937f6af.png][]  
![0f50e41106dbd0f862809822788134f2.png][]  
![407652cf4e434422482cb70478b5bf78.png][]

### 2.3 创建项目 ###

![0993669c10c1564d699877f3165c5cb3.png][]  
![cd62fc504441d045e48098de1080c45b.png][]  
![2ac61c9c0d92bc2e9f4e642d64ebace0.png][]  
![81caa38fbd1fd75647ec97b0a88ad459.png][]  
![4fa1cf0da3ece6ea30fd6b6157de0480.png][]  
![a7bfffd8cef584b156de8492ffa8fe62.png][]  
![dcf864bd83abbab7fec025535abc9b30.png][]

### 2.4 git提交自动触发构建 ###

> 根据下面填写地址，以`bitbucket git`仓库配置为例子

![81caa38fbd1fd75647ec97b0a88ad459.png][]  
![e3bd6b12e276840a8e7aceea55f66fc0.png][]  
![d49499e15499391d43161e8c72cd288f.png][]

> 这样提交git代码触发`git hooks`操作去请求 `http://192.168.1.43:8991/job/test/build?token=cxk`启动`jenkins`任务，以达成自动部署任务

[0cc819823ca804984103cbc33e891874.png]: /images/20221119/8dca3fb7db524e248c70e0fede8c27ff.png
[9bf5e6bb6a852a567c4e057db22e4ecc.png]: /images/20221119/82f44350237040a385a26e695df54926.png
[http_mirrors.jenkins-ci.org_Jenkins]: http://mirrors.jenkins-ci.org/%E4%B8%8B%E8%BD%BD%E9%80%82%E5%90%88%E7%9A%84Jenkins%E7%89%88%E6%9C%AC
[https_pkg.jenkins.io_redhat-stable]: https://pkg.jenkins.io/redhat-stable/
[dd269300528dcbe66d880436dda626d4.png]: /images/20221119/2a3a80b287c14999adde73d86b6becd1.png
[0dde482b9ee160e9309e0144aa747676.png]: /images/20221119/a1b366d7020840148cda02df9cdfa538.png
[dd8d25e35d43b933fa33718cb719a484.png]: /images/20221119/96994b5de6bc4c558f80673ae5d12332.png
[c18eddb142f16f85dc10ed79bdfeab52.png]: /images/20221119/0752724a96fe47a4a09ddb8c7880d3c4.png
[ef3c64999f6beef01f315ef9e6389128.png]: /images/20221119/3abdd02a162b4de6a4d075fdfae2a691.png
[602a855fb88dee5501c0543be3152f75.png]: /images/20221119/dff0e5ace2de45289919b12b538c73f5.png
[a6abaa0ff99735bbf9d2cae644de6f2a.png]: /images/20221119/acb1a6688d59454985452a849d781961.png
[727efe92f752c99c013ae7b75ffbbde7.png]: /images/20221119/c240979b34114c5786aedfd267e1d8fd.png
[31778f0773643a200d4809760937f6af.png]: /images/20221119/ae7c7e650c734e8d85d362f1ce27514d.png
[0f50e41106dbd0f862809822788134f2.png]: /images/20221119/cc5ad6b9ed1c4945a6b3d5a0db4677ca.png
[407652cf4e434422482cb70478b5bf78.png]: /images/20221119/b36fbf5f2d3a4fe8addf9b6b06ca117e.png
[0993669c10c1564d699877f3165c5cb3.png]: /images/20221119/10fbfe4684ba432bb83e5ee731b3f809.png
[cd62fc504441d045e48098de1080c45b.png]: /images/20221119/704618406ab242a88ad118e8e608caaf.png
[2ac61c9c0d92bc2e9f4e642d64ebace0.png]: /images/20221119/3704cd811ed64a16a9b80f49fa6ea428.png
[81caa38fbd1fd75647ec97b0a88ad459.png]: /images/20221119/0f71be7291a24c268d437c1a1fe7297d.png
[4fa1cf0da3ece6ea30fd6b6157de0480.png]: /images/20221119/220ab7f0e69f4e53832ae4dcfe601d09.png
[a7bfffd8cef584b156de8492ffa8fe62.png]: /images/20221119/f2b9aa09c397457ab136c356597a361f.png
[dcf864bd83abbab7fec025535abc9b30.png]: /images/20221119/f36089bc2cf2427c8a4dca953b6b6425.png
[e3bd6b12e276840a8e7aceea55f66fc0.png]: /images/20221119/086b6473e0da44ffa58c05fa2005dbf9.png
[d49499e15499391d43161e8c72cd288f.png]: /images/20221119/f5fc173d20b84144807bd5e87373a03b.png