linux系统jenkins自动化部署vue项目至远程服务器

前言

上一篇文章,已经讲解了windows系统使用Jenkins实现自动化部署vue项目,这次又又又花了一天的时间,研究了下linux系统下的操作,其实两者差别不算大,主要是JDK的安装和环境变量的设置稍微麻烦些,还有Jenkins任务构建模块,选择的构建步骤跟windows不一致,其他大致相同。本文还提到小白可能会遇到的错误(踩坑大师),也进行了解决方案的提供,希望能给小伙伴们提供到帮助。

目录

      • 前言
      • 工具及材料准备
          • 1.git
          • 2.JDK(Jenkins依赖java环境)
          • 3.Jenkins(war包)
          • 4.github或者gitee仓库
      • git安装
      • JDK安装
      • Jenkins安装
      • Jenkins使用
          • 安装插件
          • 创建任务
          • 构建任务

工具及材料准备

1.git
2.JDK(Jenkins依赖java环境)

地址:网盘 (提取码:o8l2)

版本:jdk-8u211-linux-x64

3.Jenkins(war包)

地址:网盘(提取码:nrzt)

4.github或者gitee仓库

git安装

yum -y install git

JDK安装

创建jdk8文件夹(在opt目录中)

mkdir -p /opt/jdk8

进入该文件夹

cd /opt/jdk8

将jdk压缩包放至jdk8文件夹中(我这里使用了ftp工具将jdk压缩包放进去了),执行解压命令

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

解压成功后,设置环境变量,执行以下命令

vi /etc/profile

执行成功后,键盘按i键,进入编辑状态,在文本末尾增加以下内容

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

如图所示

linux系统jenkins自动化部署vue项目至远程服务器_第1张图片

增加内容后,按Esc按键,并输入:wq,即可退出当前环境变量设置界面

linux系统jenkins自动化部署vue项目至远程服务器_第2张图片

退出后,测试是否安装成功

java -version

linux系统jenkins自动化部署vue项目至远程服务器_第3张图片

javac

linux系统jenkins自动化部署vue项目至远程服务器_第4张图片

走到这里,说明jdk已经安装完成啦

Jenkins安装

创建jenkins文件夹(在opt目录中)

mkdir -p /opt/jenkins

进入该文件夹

cd /opt/jenkins

下载Jenkins包(如果在工具及材料准备步骤下载了jenkins war包,可以省略这一步骤,将下载好的war包放到jenkins文件夹即可)

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

启动Jenkins(相当于启动了端口8000的服务,记得安全规则开放此端口)

java -jar jenkins.war --httpPort=8000

启动成功后,如下图,复制这串密码

linux系统jenkins自动化部署vue项目至远程服务器_第5张图片

通过公网IP+端口8000访问Jenkins服务,如http://11.111.111.111:8000/,进入页面

管理员密码即是上面启动Jenkins后复制的密码

输入密码,点击继续

linux系统jenkins自动化部署vue项目至远程服务器_第6张图片

点击继续后,进入到新手入门,安装插件界面

点击安装推荐的插件

linux系统jenkins自动化部署vue项目至远程服务器_第7张图片

这个时候会出现错误(若没有出现错误,可跳过下面的解决方案)

linux系统jenkins自动化部署vue项目至远程服务器_第8张图片

解决方案

回到终端界面Ctrl+C,停止Jenkins服务

输入以下命令,配置国内镜像

cd /root/.jenkins/updates
sed -i 's/http:\/\/updates.jenkins-ci.org\/download/https:\/\/mirrors.tuna.tsinghua.edu.cn\/jenkins/g' default.json && sed -i 's/http:\/\/www.google.com/https:\/\/www.baidu.com/g' default.json

配置完成,回到jenkins文件夹

cd /opt/jenkins

linux系统jenkins自动化部署vue项目至远程服务器_第9张图片

再次启动jenkins服务

java -jar jenkins.war --httpPort=8000

回到页面,刷新页面,输入管理员密码,点击继续,再点击安装推荐的插件,这个时候可以正常安装插件啦

linux系统jenkins自动化部署vue项目至远程服务器_第10张图片

安装完成,可创建一个管理员用户,也可直接点击”使用admin账户继续“,我这里就直接点击”使用admin账户继续“了

linux系统jenkins自动化部署vue项目至远程服务器_第11张图片

实例配置,我这里没更改,直接点击“保存并完成”

linux系统jenkins自动化部署vue项目至远程服务器_第12张图片

Jenkins使用

安装插件

安装Publish Over SSHNodeJS,可参考我的另一篇文章windows系统jenkins自动化部署vue项目至远程服务器“插件准备”部分

创建任务

Jenkins主界面,左侧栏点击“新建任务”

linux系统jenkins自动化部署vue项目至远程服务器_第13张图片

输入任务名 – 创建一个自由风格的项目

linux系统jenkins自动化部署vue项目至远程服务器_第14张图片

进入任务配置页

Genneral模块,填写项目描述

linux系统jenkins自动化部署vue项目至远程服务器_第15张图片

源码管理模块

linux系统jenkins自动化部署vue项目至远程服务器_第16张图片

再接着是构建触发器模块,我暂没使用过,写demo的可以不填跳过这个模块

linux系统jenkins自动化部署vue项目至远程服务器_第17张图片

构建环境模块

这里说明下,前提是已经安装了NodeJS插件,不然没有这个选项可以选择,还没安装插件的话,请看上文安装插件部分

linux系统jenkins自动化部署vue项目至远程服务器_第18张图片

构建模块

首先需要增加一个“执行 shell”的步骤

linux系统jenkins自动化部署vue项目至远程服务器_第19张图片

输入以下命令,其实就是将git远程仓库的代码拉下来后,执行安装依赖和构建打包

linux系统jenkins自动化部署vue项目至远程服务器_第20张图片

然后再增加一个“Send files or execute commands over SSH”的步骤

这里说明下,前提是已经安装了Publish Over SSH插件,不然没有这个选项可以选择,还没安装插件的话,请看上文安装插件部分

linux系统jenkins自动化部署vue项目至远程服务器_第21张图片

进行以下配置

这里的逻辑是把我们构建打包后的dist包,放到服务器的根目录

linux系统jenkins自动化部署vue项目至远程服务器_第22张图片

保存任务,完成配置

构建任务

回到Jenkins主页,点击左侧栏“立即构建”,等待进度完成

linux系统jenkins自动化部署vue项目至远程服务器_第23张图片

进到服务器进行验收,服务器根目录已经拿到Jenkins推送过来的dist文件啦

linux系统jenkins自动化部署vue项目至远程服务器_第24张图片

你可能感兴趣的:(jenkins,vue.js,node.js,linux)