Centos7使用jenkins+vue+svn自动化部署过程

一、准备工作：
1.安装nodejs：安装nodeJS
1.安装nginx：安装nginx
2.安装svn：安装svn
3.安装jenkins: 安装jenkins

二、插件管理（Manage Plugins）

1.Publish over SSH**(远程部署时需要，和Jenkins不在同一个服务器上时)**

2.NodeJS

3.安装完重启
三、系统配置（Configure System）

1.Publish over SSH (注:如果是同一台服务器可以不用配置)

注:Remote Directory，后面会有用处说明，下面只会说Remote Directory

四、全局工具配置（Global Tool Configuration）
1.nodeJS配置
如果服务器上没有安装过nodejs.可以选择版本进行安装.

如果项目是用cnpm安装依赖的,可以在Global npm packages to install:处填写下面的命令

cnpm --registry=https://registry.npm.taobao.org

因为我服务器上已经安装过了,所以只需要指定安装目录即可

保存退出

五、创建任务
1.创建任务


创建一个自由风格的软件项目,确定

2.配置
1）General
勾选丢弃旧的构建，选择是否备份被替换的旧包。我这里选择备份最近的5个。描述可以不填

2）源码管理
Repository URL ：svn版本库地址
Credentials ：svn用户名/密码。如果没有添加就添加一个

3）构建触发器

*/15 * * * * 

**说明：**每15分钟检查一次源码变化，如果有更新才build。也可以自己去定义定时

4）构建环境
配置node.如果有多版本可以自行选择

5）构建

打开Execute shell,添加下面的命令

#Command
#npm install npm run build执行打包的一些操作，不多介绍
#cd dist 跳转目录
#dist.tar.gz 删除压缩包
#tar -zcvf dist.tar.gz *的意思是将dist目录打成一个压缩包
#mv dist.tar.gz /opt/demo/dist/ 移动压缩包到指定目录下
#tar -zxvf dist.tar.gz 解压压缩包
#rm -rf dist.tar.gz解压后删除压缩包
#---------------------------------------------------
npm install
npm run build
cd dist
rm -rf dist.tar.gz
tar -zcvf dist.tar.gz *
mv dist.tar.gz /opt/demo/dist/
cd /opt/demo/dist
tar -zxvf dist.tar.gz
rm -rf dist.tar.gz

这里因为我Jenkins和前端代码都在一个服务上,所以没有配置下面远程操作
name: 是Publish over SSH里面的名称
Source files :要上传的文件,即压缩文件
Remote directory : 指定上传的目录
Exec command: 上传成功需要的操作

6）构建后操作(我这里没有做配置,可以根据需求自行配置)

7）保存退出

六、立即构建项目
1.立即构建

2.查看控制台输出


构建完成，可以用postman测试，也可以浏览器测试

提示：编译过程可能会报错，根据错误信息进行修改，然后再次build
构建完成,有可能项目启动失败,查看log进行修改