Jenkins学习笔记（三）：Jenkins自动部署Vue+Springboot项目

背景

后端的朋友都知道，Nodejs将打包后的vue的项目可以放到Springboot项目中的resources目录下的static文件，然后将Springboot项目进行maven打包成jar包，通过Dockerfile文件将jar包变成Docker镜像，就可以访问前端页面了。现在通过Jenkins自己自动去构建一个前后端合并的项目。
主要整合了我之前写的两篇文章： Docker学习笔记（一）：安装Jenkins及部署maven项目和Docker学习笔记（二）：Jenkins自动部署vue项目，第一篇是部署后端（推荐初学者），第二篇是部署前端（一定的基础）参考这两篇文章，这篇文章结合这两篇完成，所以过于简单。

创建任务

前端任务

该任务主要是负责从Git仓库中拉取代码进行打包。

步骤和Docker学习笔记（二）：Jenkins自动部署vue项目大致一样，只是笔记二中不需要将打包好的tar包上传到远程服务器了，所以在构建的时候只有执行shell这步骤了。

后端任务

该任务执行条件是：在前端任务构建稳定时触发。主要是将前端任务打包好的vue项目复制到后端项目的resources下的static文件夹下，最后通过Maven管理工具将后端项目打包成jar包，通过Dockerfile文件将jar包变成Docker镜像，然后通过Docker部署。

步骤和Docker学习笔记（一）：安装Jenkins及部署maven项目的构建maven项目目录步骤大致一样。
需要修改的地方是：

1. 修改笔记一中Jenkins的任务配置中的 构建触发器
   

2. 新增Pre Steps中的执行shell步骤
   
   脚本如下：

   #这里默认目录是Git仓库目录
   cd deceen_app/src/main/resources
   #移除之前的static
   rm -rf static
   #将前端任务打包好的vue项目放到当前目录下的static，也就是resources下的static
   mv /var/jenkins_home/workspace/deceen_bodac_dev/Backstage/dist static
   

3. 笔记一中是将项目直接部署在当前服务器，如果需要部署到远程服务器中，需操作如下。（可选）

   a.在Jenkins主界面——>系统管理——>插件管理，安装SSH plugin插件，这个插件使用SSH协议远程执行shell命令。

   b.在Jenkins主界面——>系统管理——>系统配置，找到SSH remote hosts，对SSH进行配置让其连接远程服务器。
   
   c.在任务中将Pre Steps和Post Steps步骤的代码放到如下的对应模块中即可。