简介

Jenkins是开源CI&CD软件领导者， 提供超过1000个插件来支持构建、部署、自动化， 满足任何项目的需要。

相关概念：

• 流水线：Jenkins Pipeline（或简称为 “Pipeline”）是一套插件，将持续交付的实现和实施集成到 Jenkins 中。

• 节点：节点是一个机器，主要用于执行jenkins任务

• 阶段：定义不同的执行任务，比如：构建、测试、发布(部署)

• 步骤：相当于告诉Jenkins现在要做些什么，比如shell命令。

安装JDK

安装包链接，提取码：n6c8

mkdir -p /opt/jdk8

上传安装包到 /opt/jdk8目录下，接着tar解压JDK安装包

tar zxvf jdk-8u211-linux-x64.tar.gz -C /opt/jdk8 --strip-components 1

解压成功后，执行vi /etc/profile命令，增加下面内容：

export JAVA_HOME=/opt/jdk8
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH

然后:wq保存，接着执行source /etc/profile更新环境变量，并检查是否安装成功java -version，检验环境变量是否配置成功，即输入javac能否运行

安装nodejs

执行yum install nodejs 命令

安装git

1. 执行命令 yum install git
2. 查看安装是否成功，输入命令git --version
   

安装Jenkins

1. 创建jenkins文件夹，并进入该文件夹下

mkdir -p /opt/jenkins && cd /opt/jenkins

2. 下载安装包

wget -O /opt/jenkins/jenkins.war http://mirrors.jenkins.io/war-stable/latest/jenkins.war

3. 部署jenkins的war包，执行java -jar jenkins.war --httpPort=8000
   注意安装时候的信息输出：
   
   这里的e79eb1996be949d4978a463ba770b931就是初始的安装的管理员密码。
4. 启动后会有输入密码的界面
   
   好了，到这就已经成功安装了jenkins，接下来就开始对jenkins进行常规配置了。

配置Jenkins

1. 输入密码之后
   
   安装完插件之后，配置账号密码
   
2. 重新进入jenkins
   
3. 配置Jenkins插件加速
   进入jenkins系统管理–>插件管理中–>高级选项卡–>升级站点，使用腾讯源：

https://mirrors.cloud.tencent.com/jenkins/updates/update-center.json

插件更新中心

4. 使用nohup命令实现jenkins保持运行
   使用 java -jar jenkins.war 启动后，如果关闭终端那么运行jenkins的进程也会被关闭。

1、查询nohup是否安装
which nohup
查看/usr/bin目录下有没有nohup命令
2、下载nohup
yum install coreutils
3、查找下载的nohup
进入/usr/bin目录下查看
which nohup
4、配置nohup路径
vim ~/.bash_profile 
在PATH=$PATH:$HOME/bin后面添加:/usr/bin
5、立即生效配置
source ~/.bash_profile 
6、查看nohup版本
nohup --version

接着执行nohup java -jar jenkins.war --httpPort=8000启动jenkins，然后关闭shell终端即可。到这里，jenkins就已经正常运行了，下面开始配置任务。

新建任务配置

1. 新增vue-h5任务
   
2. 使用ssh形式配置git仓库
   先到linux上生成公私钥ssh-keygen -t rsa -C “your_email@youremail.com”
   然后多次次回车即可，cd root/.ssh 目录下拷贝公钥到gitee
   
   
   添加并且保存公钥，然后到jenkins配置你的私钥。系统设置–> 安全 --> Manage Credentials --> 全局 --> 添加凭据 保存
   
   返回项目配置，进入源码管理栏添加git仓库，如下：
   
3. 配置构建shell脚本
   

输入下面脚本，路径根据当前具体情况调整

npm install --unsafe-perm
npm run build

# 目录配置
SERVER_PATH_TEMP=/opt/dist/vue-h5
SOURCE_PATH=/root/.jenkins/workspace/vue-h5/dist

#判断目录是否存在，如果不存在就创建
if test -e $SERVER_PATH_TEMP
then
    echo "文件已存在!"
    rm -rf $SERVER_PATH_TEMP/*
else
    echo "文件不存在!"
    echo "创建目录：mkdir -p $SERVER_PATH_TEMP"
    mkdir -p $SERVER_PATH_TEMP
fi

#复制文件
cp -r $SOURCE_PATH/*  $SERVER_PATH_TEMP/

构建项目

1. 点击立即构建，在Build History可以看到构建状态
   
2. 查看控制台输出
   
   
3. 构建成功后，可以通过nginx配置访问项目

    server {
    	listen 8083;
		location / {
		  root /opt/dist/vue-h5;
		  index index.html;
		}
    }

总结

一个vue项目的简单自动化部署的整体流程下来，还是遇到了很多问题，每个人遇到的问题可能不一样，本次仅作为参考、记录学习。