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

二、插件管理(Manage Plugins)

centos部署paddleor centos部署vue项目_压缩包

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

centos部署paddleor centos部署vue项目_压缩包_02

2.NodeJS

centos部署paddleor centos部署vue项目_centos部署paddleor_03

3.安装完重启

centos部署paddleor centos部署vue项目_压缩包_04

三、系统配置(Configure System)

centos部署paddleor centos部署vue项目_centos部署paddleor_05

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

centos部署paddleor centos部署vue项目_linux_06

注:Remote Directory,后面会有用处说明,下面只会说Remote Directory四、全局工具配置(Global Tool Configuration)

1.nodeJS配置

如果服务器上没有安装过nodejs.可以选择版本进行安装.

centos部署paddleor centos部署vue项目_centos部署paddleor_07

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

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

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

centos部署paddleor centos部署vue项目_linux_08

保存退出五、创建任务

1.创建任务

centos部署paddleor centos部署vue项目_vue_09

centos部署paddleor centos部署vue项目_svn_10

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

1)General

勾选丢弃旧的构建,选择是否备份被替换的旧包。我这里选择备份最近的5个。描述可以不填

centos部署paddleor centos部署vue项目_centos部署paddleor_11

2)源码管理

Repository URL :svn版本库地址

Credentials :svn用户名/密码。如果没有添加就添加一个

centos部署paddleor centos部署vue项目_压缩包_12

3)构建触发器

*/15 * * * *

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

centos部署paddleor centos部署vue项目_svn_13

4)构建环境

配置node.如果有多版本可以自行选择

centos部署paddleor centos部署vue项目_vue_14

5)构建

centos部署paddleor centos部署vue项目_linux_15

打开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

centos部署paddleor centos部署vue项目_vue_16

这里因为我Jenkins和前端代码都在一个服务上,所以没有配置下面远程操作

name: 是Publish over SSH里面的名称

Source files :要上传的文件,即压缩文件

Remote directory : 指定上传的目录

Exec command: 上传成功需要的操作

centos部署paddleor centos部署vue项目_svn_17

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

centos部署paddleor centos部署vue项目_centos部署paddleor_18

7)保存退出六、立即构建项目

1.立即构建

centos部署paddleor centos部署vue项目_centos部署paddleor_19

2.查看控制台输出

centos部署paddleor centos部署vue项目_压缩包_20

centos部署paddleor centos部署vue项目_vue_21

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

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