【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服务自动化打包构建
  • 配置工具NodeJS【Jenkins自动化部署】Vue服务自动化打包构建
  • 构建环境勾选 Provide Node & npm bin/ folder to PATH
    【Jenkins自动化部署】Vue服务自动化打包构建

构建

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

执行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服务自动化打包构建

上一篇:使用delphi+intraweb进行微信开发2—intraweb以.net方式发布(以asp.net mvc4模式部署)在IIS(.net虚拟主机)上


下一篇:小米平板配置linux deploy 启动ssh