前端自动化—使用Jenkins+GitHub自动化部署前端项目

前言

公司使用Jenkins自动部署好久了，但是自己一直停留在使用的阶段，没有自己搭建过。趁这几天有时间，买了个服务器把这个搞一搞。身为一个前端工程师，对服务器的一些东西不太熟悉，基本上所有的困难都出现在搞服务器上，踩过不少坑，在这里记录一下。

前置条件

1. 一台服务器（我用的阿里云，系统是CentOs7.6）
2. 下载xshell和xftp软件，并连接上你的服务器
3. 一个vue项目，区分好测试和生产环境，测试环境代码需要热更新，生产手动构建，可以查看我的这篇博客，初始化之后传到GitHub上面。

docker安装和java安装的对比

两种方式自己都试过，其中docker安装之后在node环境配置的时候出了问题，node和npm都无法执行，是因为docker的Alpine镜像不支持node，也找到了解决方案，但是因为自己不熟悉linux的一些操作，所以放弃了docker的方式选择用java方式安装。这里并不是说java的方式更好，只是记录一下自己踩过的坑，具体选择哪种方案还是要看自己的需求，这里我介绍的是java安装方式。

开始，安装java环境

第一步，下载安装包

要注意的是目前为止（2020.8）Jenkins只支持javajdk8或11，我下载了最新的14不支持，后来卸载重新装的jdk8。
请去官网中下载jdk的安装文件，
由于我的Linux是64位的，因此我下载jdk-8u261-linux-x64.tar.gz
由于下载较慢，在文章末尾我会附上本文所需下载的文件。
之后在服务器usr/下新建一个java文件夹

cd ../usr/
mkdir java
cd java

如下图所示，然后再点击上面的绿色图标打开xftp把刚才下载下来的文件传到服务器上

如上图，上传完成，使用命令解压

tar  -zxvf  jdk-8u261-linux-x64.tar.gz

解压之后可以看到一个jdk1.8.0_261的文件夹

第二步，配置环境变量

通过命令

vim /etc/profile

vim是linux内置的一个编辑器，打开之后按“i”进入编辑模式，底部会出现“INSERT”的提示，键盘的上下左右操控光标位置，无法使用鼠标。用↓键移动到文档最下面，添加

export JAVA_HOME=/usr/java/jdk1.8.0_261
export JRE_HOME=${
   
   JAVA_HOME}/jre
export CLASSPATH=.:${
   
   JAVA_HOME}/lib:${
   
   JRE_HOME}/lib:$CLASSPATH
export JAVA_PATH=${
   
   JAVA_HOME}/bin:${
   
   JRE_HOME}/bin
export PATH=$PATH:${
   
   JAVA_PATH}

如下图所示：