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

Posted 不太灵光的程序员

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jenkins自动化部署Vue服务自动化打包构建相关的知识,希望对你有一定的参考价值。


系列文章目录


​第一章 Ubuntu部署Jenkins服务端​

​第二章 Linux节点的Python服务自动化构建​

​第三章 Windows节点Python服务自动化构建​

​第四章 Vue服务自动化打包构建​

​第五章 监控服务自动化构建​



文章目录



Vue服务自动化打包构建

下面关于vue的构建以 Windows+Apache+NodeJS 实现,后期会完善 Linux+nginx+NodeJS的自动化构建

节点配置、SVN配置、任务创建等基本操作请先阅读以下文章:

​【Jenkins自动化部署】Windows节点Python服务自动化构建​

​【Jenkins自动化部署】Linux节点的Python服务自动化构建​

构建参数

deploy_env 增加了 build 选项

【Jenkins自动化部署】Vue服务自动化打包构建_运维

构建环境


  • 需要先安装 NodeJS Plugin 插件
    【Jenkins自动化部署】Vue服务自动化打包构建_运维_02
  • 配置工具NodeJS【Jenkins自动化部署】Vue服务自动化打包构建_apache_03
  • 构建环境勾选 Provide Node & npm bin/ folder to PATH
    【Jenkins自动化部署】Vue服务自动化打包构建_apache_04

构建

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

执行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%
)
)
)
)
)

构建任务


  • 选择要构建的版本
  • 选择要执行的操作
  • 点击开始构建

构建时的效果

【Jenkins自动化部署】Vue服务自动化打包构建_自动化构建_06



以上是关于Jenkins自动化部署Vue服务自动化打包构建的主要内容,如果未能解决你的问题,请参考以下文章

自动打包发布到服务器的持续集成工具:Jenkins+钉钉

让Jenkins自动布署你的Vue项目

jenkins(三)部署后台服务

Jenkins自动部署VUE-CLI

搭建Jenkins,Gitlab自动化打包部署项目

搭建Jenkins,Gitlab自动化打包部署项目