Jenkins自动化构建Spring Boot与Vue项目实战

1. Jenkins 自动化构建环境搭建

作为一名经历过多次CI/CD实战的老兵，我深知Jenkins在自动化构建中的重要性。今天我要分享的是如何用Jenkins同时构建Spring Boot后端和Vue前端项目的完整方案。这个方案已经在我们的生产环境稳定运行两年多，处理过上千次构建任务。

1.1 Jenkins基础环境配置

在开始之前，我们需要确保Jenkins环境已经正确配置。我推荐使用Docker方式部署Jenkins，这样可以避免很多环境依赖问题：

bash复制docker run -d \
  --name jenkins \
  -p 8080:8080 \
  -p 50000:50000 \
  -v jenkins_home:/var/jenkins_home \
  jenkins/jenkins:lts-jdk17

注意：这里使用/var/jenkins_home作为数据卷是为了持久化Jenkins配置。实际部署时，建议将这个目录映射到宿主机的高性能存储上。

安装完成后，我们需要配置几个核心插件：

• Git Plugin：用于代码拉取
• NodeJS Plugin：管理Node.js环境
• Maven Integration plugin：Maven项目支持
• Workspace Cleanup Plugin：构建前清理工作区

1.2 全局工具配置

在"Manage Jenkins" → "Global Tool Configuration"中，我们需要设置：

1. JDK配置：

   • 名称：jdk17
   • JAVA_HOME：/usr/local/openjdk-17 (Docker镜像中默认路径)

2. Maven配置：

   • 名称：maven3.9
   • 版本：3.9.6 (建议使用稳定版)
   • 勾选"自动安装"

3. Node.js配置：

   • 名称：node20
   • 版本：20.x LTS
   • 全局npm包：pnpm@8.15.7 (比npm/yarn更节省空间)

2. Vue项目构建配置详解

2.1 创建Vue构建任务

在Jenkins首页点击"New Item"，选择"Freest