Jenkins结合shell脚本实现（gitLab/gitHub）前端项目自动打包部署服务器

原始发布部署：

　　石器时代的我们，先是本地打包好项目，在去服务器上把原来的文件删了，然后回到本地copy到服务器；

　　这操看起来简单，实际部署的人就知道多烦了，假如来几个项目都要重新发布；那就爽了；

　　今天小编分享个自动打包部署方法，Jenkins 上只要你的小鼠标轻轻一点就OK；

正文：

　　首先是服务器上安装 Jenkins ；前提呢要现在服务器上安装Java 环境因为他是依据Java 环境运行的；

　　这里如何安装就不多说了，请参考这位哥们的博文 https://blog.csdn.net/running_shuai/article/details/80625822 基本在服务器上傻瓜式安装就行了；

安装后接下来是时候展现真正的技术了：

　　注意：部署前端项目还需要用到 git 以及 node.js ，java项目的话那就是maven了； git 的话；直接在服务器上下载 git 安装解压就行了，没什么好注意的；

　　　　　 jenkins需要git插件来支持git，所以我们需要为jenkins添加Git插件，还有node也是，需要NodeJS Plugin插件, gitLab需要GitLab Plugin，gitHub需要GitHub Plugin,总之需要的插件还蛮多具体看你项目构成；

　　　　　下载插件的位置：系统管理 --> 插件管理然后就能看到很多插件了，下载下来就行

　　1.1：配置一个 Publish over SSH （这是你的服务器，你项目要部署到的地方）

　　1.2：新建一个任务（你要发布的项目）

　　1.3：配置gitLab / gitHub 源码

　　1.4：配置构建触发器

　　1.5：构建环境

　　1.6：配置构建命令（就是些在服务器里要执行的命令）

　　1.7: 我公司项目因为多用的是一段shell脚本去执行删除、解压等操作的，这个可忽略，那上面 Exec command 部分你只需改成加压命令就行 tar –xvf qipweb.tar // 解压 tar包，再点击保存理解构建就行了，还可以打开控制台输出看构建情况；

　　1.8: 用脚本执行的话：

#!/bin/sh

# chkconfig:

# description:qinlin

# processname:qinlin
# serviceName 对应的压缩包名字

export serviceName=qipweb

backupSuffix=`date +%Y%m%d%H%M%S`

echo '当前服务器时间：'${backupSuffix}

d_deploy() {

    echo '备份'${serviceName}'服务...'

    cp -r /qinlin/data/${serviceName} /qinlin/backup/${serviceName}-${backupSuffix}

    echo '删除'${serviceName}'安装包...'

    rm -rf /qinlin/data/${serviceName}/*

    echo '清除'${serviceName}'旧目录...'

    rm -rf /qinlin/deploy/dist/

    echo '解压'${serviceName}'安装包...'

    tar -zxf /qinlin/deploy/${serviceName}.tar -C /qinlin/deploy/

    echo '拷贝'${serviceName}'安装包...'

    cp -r /qinlin/deploy/dist/* /qinlin/data/${serviceName}/

    cp /qinlin/config/MP_verify_0Ll9VrXDh67K2IPx.txt /qinlin/data/${serviceName}/

}

case $1 in

          deploy) d_deploy ;;

          *) echo "require start|stop|restart|deploy" ;;

esac

　　注意：用这个脚本的话需要在这脚本所在位置执行命令 chmod +x config-run_qipweb.sh 将这脚本变成可执行文件，到时他自己就可以执行了；

　　1.9：构建打包

　　结语：有问题欢迎留言