侧边栏壁纸
博主头像
landery博主等级

行李箱里装不下我想去的远方

  • 累计撰写 45 篇文章
  • 累计创建 26 个标签
  • 累计收到 6 条评论

目 录CONTENT

文章目录

devops_jenkins_05_spring boot + vue项目前后端项目持续部署(1)

landery
2022-05-04 / 0 评论 / 0 点赞 / 71 阅读 / 2,597 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-05-05,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

1 实现目标

目前拥有两台腾讯云服务器,其中一台用来运行项目(本次前后端均在一个服务器上),一台用来运行jenkins持续部署。实现从gitLab上拉取代码,并持续部署的一个效果。
主要就是分为:

  1. jenkins服务器部署过程
  2. 前后端项目服务器部署过程

在前面的文章我们已经安装好了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

新增语句:

<localRepository>/usr/local/mavenRepo</localRepository>

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
ls
image.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

接下来我们就要开始介绍如何配置具体的项目了

参考文献

0

评论区