Jenkins 结合 shell脚本 自动部署前端项目

Jenkins 结合 shell脚本 自动部署前端项目:
远古时代命令行一步一步的部署项目的痛,难以言表。现在来说说结合 Jenkins j合 shell脚本 一键自动部署的酸爽

原始发布部署:

   石器时代的我们,先是本地打包好项目,在去服务器上把原来的文件删了,然后回到本地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 (这是你的服务器,你项目要部署到的地方)

在Publish over SSH处点击增加,添加SSH server,并且选择高级设置,设置相应的ip,用户名和密码等。(其他选项可不用管)

1.2 配置邮件通知,可通过勾选发送邮件测试是否配置成功

1.3: 新建一个任务 (你要发布的项目)

 

1.4: 配置gitLab / gitHub 源码


1.5: 配置构建触发器

  

1.6: 构建环境

  

1.7: 配置构建命令 (就是些在服务器里要执行的命令)

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

1.9: 用脚本执行的话:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
#!/bin/sh
# chkconfig:2345 10 90
# 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 将这脚本变成可执行文件,到时他自己就可以执行了;

2.0: 构建打包

  

  

文章目录
  1. 1. 原始发布部署:
  2. 2. 正文:
  3. 3. 安装后接下来是时候展现真正的技术了:
    1. 3.1. 1.1:配置一个 Publish over SSH (这是你的服务器,你项目要部署到的地方)
    2. 3.2. 1.2 配置邮件通知,可通过勾选发送邮件测试是否配置成功
    3. 3.3. 1.3: 新建一个任务 (你要发布的项目)
    4. 3.4. 1.4: 配置gitLab / gitHub 源码
    5. 3.5. 1.5: 配置构建触发器
    6. 3.6. 1.6: 构建环境
    7. 3.7. 1.7: 配置构建命令 (就是些在服务器里要执行的命令)
    8. 3.8. 1.8: 我公司项目因为多用的是一段shell脚本 去执行删除、解压等操作的, 这个可忽略,那上面 Exec command 部分你只需 改成加压命令就行 tar –xvf qipweb.tar // 解压 tar包,再点击保存 立即构建就行了,还可以打开控制台输出看构建情况;
    9. 3.9. 1.9: 用脚本执行的话:
      1. 3.9.1. 注意: 用这个脚本的话需要在这脚本所在位置执行命令 chmod +x config-run_qipweb.sh 将这脚本变成可执行文件,到时他自己就可以执行了;
    10. 3.10. 2.0: 构建打包
,