Jenkins自动化部署Vue服务自动化打包构建

【Jenkins自动化部署Vue服务自动化打包构建】丈夫志四海，万里犹比邻。这篇文章主要讲述Jenkins自动化部署Vue服务自动化打包构建相关的知识，希望能为你提供帮助。

系列文章目录

??第一章 Ubuntu部署Jenkins服务端??
??第二章 Linux节点的Python服务自动化构建??
??第三章 Windows节点Python服务自动化构建??
??第四章 Vue服务自动化打包构建??
??第五章监控服务自动化构建??

文章目录

??系列文章目录??
??Vue服务自动化打包构建??

??构建参数??
??构建环境??
??构建??

??构建任务??

??构建时的效果??

Vue服务自动化打包构建下面关于vue的构建以 Windows+Apache+NodeJS 实现，后期会完善 Linux+nginx+NodeJS的自动化构建
节点配置、SVN配置、任务创建等基本操作请先阅读以下文章：
??【Jenkins自动化部署】Windows节点Python服务自动化构建??
??【Jenkins自动化部署】Linux节点的Python服务自动化构建??
构建参数deploy_env 增加了 build 选项

文章图片

构建环境

需要先安装 NodeJS Plugin 插件

文章图片
配置工具NodeJS
文章图片
构建环境勾选 Provide Node & npm bin/ folder to PATH

文章图片

构建

文章图片

执行Windows批处理命令分为6种情况，执行情况由构建参数 deploy_env 决定

build 打包vue
start 启动Apache服务
restart 重启Apache服务
stop 停止Apache服务
install 打包vue 再注册服务
delete 卸载服务

if "%deploy_env%"=="build" (
npm install
npm run build
rd/s/q %apache_path%\\htdocs\\dist
move dist %apache_path%\\htdocs
)else (
if "%deploy_env%"=="start" (
net start %service_name%
)else (
if "%deploy_env%"=="restart" (
net stop %service_name%
net start %service_name%
)else (
if "%deploy_env%"=="stop" (
net stop %service_name%
)else (
if "%deploy_env%"=="install" (
npm install
npm run build
move dist %apache_path%\\htdocs
%apache_path%\\bin\\httpd.exe -k install -n %service_name%
)else (
sc delete %service_name%
)
)
)
)
)