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

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

二、插件管理(Manage Plugins)
在这里插入图片描述
1.Publish over SSH
在这里插入图片描述
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进行修改

发布了16 篇原创文章 · 获赞 15 · 访问量 596

猜你喜欢

转载自blog.csdn.net/u012590718/article/details/105069955