Jenkins Vue项目自动构建以及构建后续操做

 

 

　　Jenkins在linux上的安装教程：http://www.ityouknow.com/springboot/2017/11/11/springboot-jenkins.html

　　另外，关于在windows上的安装请自行百度...

　　下面贴下Jenkins构建前端Vue项目的配置：

　　新建任务：点击左上角的 新建任务

 　　

 

　　

　　

　　General

　　

　　源码管理（这个项目用的是svn，注意要建立的图中的全局凭证，也就是你的svn帐户和密码）

　　

　　构建触发器

　　

　　咱们是手动点击 当即构建 按钮进行构建，你能够设置定时构建和轮询构建

　　构建环境

　　

　　将 Add timestamps to the Console Output 打上勾，会在构建时的控制台中打印出时间

　　构建

　　

　　构建后操做

　　点击增长构建后操做步骤

　　

　　选择 Execute Scripts（须要Jenkins插件支持：Build Step 和  Post build task ）

　　

　　而后点击， Add post build step

　　

　　点击Add build step，选择执行Shell

　　

　　出现以下

 　　

 

 　　　　文本框内须要些一些脚本，会在构建成功以后执行。这里说下咱们的解决办法，将前端构建好的文件告诉咱们上线管理系统，咱们经过自动上线管理系统进行上线

　　

#!/bin/bash
NAME="electric-bicycle-web-www"
VERSION=`svnversion`

cd /home/szhq/.jenkins/jobs/electric-bicycle-web-www/workspace/dist/
pwd
ls

buildme -n $NAME -v $VERSION -d /home/szhq/.jenkins/jobs/electric-bicycle-web-www/workspace/dist/

　　构建后操做也能够经过ssh将打完包的文件上传你的服务器（这样子简单粗暴，可是上线没有版本控制，也没有办法进行回滚）

　　下面我贴一下构建直接上线的配置：选择Send build artifacts over SSH（须要Jenkins插件： Publish Over SSH）

　　

　　　在SSH Server Name字段选择你的预先配置好的服务器（建立过程： Jenkins -> 系统管理 -> 系统设置 -> Publish over SSH -> SSH Servers，点击新增）

　　　在Transfers 中：

　　　Source files 表示上传到服务器的文件的路径，我这里写的当前项目根目录下dist目录下的全部文件，包括static文件夹和index.html，具体的匹配规则请自行查询有关资料

　　　Remove prefix 表示上传到服务器须要删除的本地路径前缀，这里表示将dist前缀移除，上传到服务器的只有static文件夹和index.html

　　　Remote directory 表示要删除的服务器上的目录路径，这里是每次上传时将以前的文件所有删除，用新的文件来替换

　　　Exec command  表示执行的shell脚本，前端暂时须要，感受这个通常是给部署后台用的，上传jar包后启动服务

　　　　按照上边配置完成后，构建完成后会自动将文件更新到服务器上...