共计 3401 个字符，预计需要花费 9 分钟才能阅读完成。
title: devops_jenkins_05_spring boot + vue项目前后端项目持续部署（1） date: 2022-05-04 02:03:53.0 updated: 2022-05-05 23:31:34.357 url: /archives/jenkins05 categories:
- devops tags:
- jenkins
- devops
- 持续部署
1 实现目标
目前拥有两台腾讯云服务器，其中一台用来运行项目（本次前后端均在一个服务器上），一台用来运行jenkins持续部署。实现从gitLab上拉取代码，并持续部署的一个效果。 主要就是分为：
- jenkins服务器部署过程
- 前后端项目服务器部署过程在前面的文章我们已经安装好了jenkins，现在我们只需要进行后续的步骤即可。
jenkins工作流程
Jenkins的工作流程就是：①从版本控制器下拉代码到本地 > ②本地编译打包 > ③传输打包好的文件到远程服务器 >④在远程服务器运行脚本 > ⑤完成项目实施
1 配置java开发环境
由上面的思路我们知道，两台服务器都需要java环境，一个打包一个部署运行。这个我们就跳过了，之前已经安装过了，安装的都是1.8版本的。
2 安装Git
在jenkins服务器上进行安装Git。 命令：yum -y install git title: devops_jenkins_05_spring boot + vue项目前后端项目持续部署（1） date: 2022-05-04 02:03:53.0 updated: 2022-05-05 23:31:34.357 url: /archives/jenkins05 categories:
devops tags: jenkins devops 持续部署 1 实现目标 目前拥有两台腾讯云服务器，其中一台用来运行项目（本次前后端均在一个服务器上），一台用来运行jenkins持续部署。实现从gitLab上拉取代码，并持续部署的一个效果。 主要就是分为：
jenkins服务器部署过程 前后端项目服务器部署过程 在前面的文章我们已经安装好了jenkins，现在我们只需要进行后续的步骤即可。
jenkins工作流程 Jenkins的工作流程就是：
①从版本控制器下拉代码到本地 > ②本地编译打包 > ③传输打包好的文件到远程服务器 >④在远程服务器运行脚本 > ⑤完成项目实施
1 配置java开发环境 由上面的思路我们知道，两台服务器都需要java环境，一个打包一个部署运行。
这个我们就跳过了，之前已经安装过了，安装的都是1.8版本的。
2 安装Git 在jenkins服务器上进行安装Git。 命令：
yum -y install git
git –version
image.png安装成功
3 安装maven 安装位置：jenkins服务器 在之前我们介绍过在里面安装maven，现在看一下，感觉之前做的太简单了，不太正确。这里重新装一下。这次我们安装在/usr/local目录下
3.1 下载安装包 首先 cd /usr/local 进入Linux中用户级的程序目录
wget https://mirrors.bfsu.edu.cn/apache/maven/maven-3/3.8.5/binaries/apache-maven-3.8.5-bin.tar.gz 下载安装包，可以看到我们的当前目录下多了一个名为apache-maven-3.8.1-bin.tar.gz 的文件
3.2 解压 tar -zxvf /usr/local/apache-maven-3.8.5-bin.tar.gz
image.png
3.3 配置maven 1）创建本地maven仓库 mkdir mavenRepo 创建maven仓库 ls 查看多了 mavenRepo 文件夹，说明创建成功
image.png
2）修改settings.xml
cd apache-maven-3.8.5/conf/ ls
image.png
修改settings.xml文件 vim settings.xml
新增语句：
/usr/local/mavenRepo image.png
删除语句：将下面框住的部分全部删除。
image.png
然后把你项目开发过程中用到的maven配置文件打开，找出除本地仓库外不同的内容，然后将其都放入服务端maven配置文件里对应的标签内。就是开发环境配置文件和服务器端一致。 （比如我是用idea开发，其maven配置文件目录在：{idea安装目录}\plugins\maven\lib\maven3\conf）
3） Maven系统环境变量配置 vim /etc/profile 进入系统环境配置编辑，文件中追加以下内容：
export MAVEN_HOME=/usr/local/apache-maven-3.8.5 export PATH=${PATH}:${MAVEN_HOME}/bin source /etc/profile 命令重新加载/etc/profile文件，使修改的内容在当前shell窗口中生效 4）验证
使用 mvn -v echo $MAVEN_HOME查看Maven是否安装配置成功image.png
4 安装Node.js 安装位置：jenkins服务器
4.1 下载Node.js 先查看我自己的电脑的node版本，npm版本，cnpm版本。
image.png
之前出现过vue因为版本的问题，出现很多前端问题，没有时间解决，所以我们尽量先统一版本。
下载最新版可进入，进入国内官网http://nodejs.cn/download/ 我们直接进入镜像站寻找我们想要的版本：CNPM Binaries Mirror (npmmirror.com)
找到14.8.0的linux x86版本，复制下载地址： https://registry.npmmirror.com/-/binary/node/v14.8.0/node-v14.8.0-linux-x64.tar.xz
1） 开始下载
cd /usr/local 进入到我们用户级的程序目录； wget https://registry.npmmirror.com/-/binary/node/v14.8.0/node-v14.8.0-linux-x64.tar.xz
2）解压 tar -xvf node-v14.8.0-linux-x64.tar.xz lsimage.png
3） 配置Node.js环境变量 vim /etc/profile 编辑环境变量
在开头是 export PATH= 后面加入 :${PATH}:/usr/local/node-v14.8.0-linux-x64/bin 注意冒号，英文冒号，node.js的根文件夹名称 。
image.png
source /etc/profile 命令重新加载/etc/profile文件
4）验证 node -v 查看node版本 npm -v 查看npm版本image.png
可以看到已经成功了，接下来是配置国内淘宝的cnpm npm install -g cnpm –registry=https://registry.npm.taobao.org 安装 cnpm 。 cnpm -v 查看 cnpm 版本，如下图所示，表示安装成功。image.png由于是香港服务器，用上面的淘宝的镜像可能不太好用：用npm install -g cnpm –registry=http://r.cnpmjs.org/
查看cnpm版本，7.1.1 不过问题不大，香港服务器使用npm应该不会受到限制。
image.png至此jenkins的安装就算安装完成了。
5 jenkins安装与部署 经过之前的折腾我们基本已经把jenkins安装好了。现在只要将相关的工具配置一下就可以了。之前已经配置过jdk，maven我们需要重新配置一下。
5.1 配置maven image.png
5.2 配置Git whereis git 查看git路径
image.png
我们就用第一个路径 /usr/bin/git
image.png
5.3 配置Node.js 同样的配置方法。
image.png
接下来我们就要开始介绍如何配置具体的项目了
参考文献 CentOS7/8系统下，使用Jenkins实现SpringBoot+Vue前后端分离项目持续集成，一键编译打包跨设备部署，完整详细教学演示_MurrayLaw的博客-CSDN博客 idea maven配置文件设置_byxu的博客-CSDN博客_idea maven配置文件
