windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)

一、前置条件

1)部署方式:前端VUE使用npm 进行打包,后端使用gradle进行打包,前端打完包后放入后端相应的文件夹内在进行后端包的打包。
2)部署电脑(Jenkins搭建电脑)内需安装打包介质:gradle工具、NodeJs、npm、git
3)Jenkins已经安装完成,且正常运行

二、操作步骤

1.配置环境变量
1)全局系统变量配置
路径:Jenkins\Manage JenKins\Global Tool Configuration
将gradle、NodeJs在电脑中相应的路径信息配置进去相应的地方(在配置前需要安装相应的拓展)
2.新建一个项目
1)配置git地址
进入首页选择新建项目,命名好名称后点击新建自由风格的项目,源码管理选择Multiple SCMs(可以检测多个版本库,因为该项目需要用到前后端两个地址,故使用该种方式):windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第1张图片

填写好gitlab对应的代码地址及其有相应权限的账号,指定好需要拉取的分支;下方存在新增按钮,该按钮为指定代码拉取到哪个分支,为了方便维护,我们指定一个文件夹进行拉取:windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第2张图片

将我们要拉取到的本地的文件夹填写上,填写完成具体如图所示:

前端地址配置完成后,配置后端地址,点击Add SCM进行后端地址的配置:

配置方法和前端配置一致,配置完成时的样子:windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第3张图片

此时git地址已经全部配置完成。
2)编写脚本
下拉进行构建步骤脚本的编写,实际测试中,将npm run build 和gradle放在一个脚本内运行时,执行完一个npm run build 后会直接判断为成功,所以我将其分为三个:

  1. npm run build过程
  2. gradle build过程
  3. 移至相应tomcat低下

第一个步骤 npm run build,前端打包过程:
windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第4张图片

F:
cd \software\Jenkins\workspace\test\test-web
npm run build
cd \software\Jenkins\workspace\test\test-project
gradle build

第二个步骤gradle build过程,后端打包过程:
windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第5张图片

F:
cd \software\Jenkins\workspace\test\test-project
gradle build

第三个步骤将文件重命名并转移至相应的文件夹过程:
windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第6张图片

F:
cd F:\software\Jenkins\workspacetest\test-project\boot\build\libs
if exist test.war del test.war
ren boot-1.1.5.war test.war
E:
cd E:\fzwyy\webapps
if exist "E:\fzwyy\webapps\test" rd/s/q "E:\fzwyy\webapps\test"
if exist "E:\fzwyy\webapps\test.war" del/s/q "E:\fzwyy\webapps\test.war"
xcopy  "F:\software\Jenkins\workspace\test\test-project\boot\build\libs\test.war"  "E:\fzwyy\webapps"  /s /e /c /y /h /r
cd E:\fzwyy\bin
call shutdown.bat
call startup.bat
echo good bye

编辑完成后,点击保存,进行build。
3)配置定时任务
可以配置一个定时任务,用以定时执行构建,实现自动化打包,也可以进行git源代码的检测,设置时间,检测到变动时自动执行,配置Poll SCM:
windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第7张图片

此时我配置的为早上6点的时候自动构建一次,保证每天的程序是最新的程序,这里的定时任务**0 06 * * ***,其中
第一个0值得为分钟取值0~59
第二个指的为小时取值0~12
第三个为天取值1~31
第四个参数为月取值1~12
第五个参数为星期取值为0~7,其中0和7都表示为星期天
所以我的配置为每天的六点零零分进行自动化部署。
4)部署结果查看
配置完成后进行具体的部署,此时我们返回到列表页面进行具体的部署,返回到项目的详情页面点击build now:windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第8张图片

可以看到底下存在一个正在运行的程序:
windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第9张图片

触碰编号显示下标,点击控制台输出:
windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第10张图片
查看运行结果,是否成功:
windows下的 Jenkins自动部署(前端VUE,后端Gradle打包)_第11张图片

运行成功,此时已完成全部的部署和运行的过程

你可能感兴趣的:(遇到问题的解决,gradle,vue,软件测试,jenkins,windows)