使用 Docker 部署 Spring Boot + Vue 项目

在现代软件开发中，使用容器化技术可以极大地简化项目的部署和管理。Docker 是一种流行的容器化平台，它可以让我们轻松地将应用程序及其依赖项打包到一个可移植的容器中，并在任何支持 Docker 的环境中运行。本文将介绍如何使用 Docker 部署一个 Spring Boot + Vue 的项目，包括以下技术要点：

一、项目概述

本项目是一个前后端分离的应用，前端使用 Vue.js 框架开发，后端使用 Spring Boot 框架开发。项目的主要功能是提供一个用户管理系统，包括用户注册、登录、用户信息管理等功能。

二、技术要点

1. Docker：容器化技术，用于打包和部署应用程序。
2. Spring Boot：Java 开发框架，用于开发后端服务。
3. Vue.js：前端开发框架，用于开发用户界面。
4. Docker Compose：用于定义和运行多个 Docker 容器的工具。

三、环境准备

1. 安装 Docker：请参考 Docker 官方文档安装 Docker。
2. 安装 Docker Compose：请参考 Docker Compose 官方文档安装 Docker Compose。
3. 克隆项目代码：从代码仓库克隆项目代码到本地。

四、后端部署

1. 创建 Dockerfile：在后端项目的根目录下创建一个名为Dockerfile的文件，内容如下：

 

 

   FROM openjdk:8-jdk-alpine
   VOLUME /tmp
   ARG JAR_FILE
   COPY ${JAR_FILE} app.jar
   ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/app.jar"]

这个 Dockerfile 定义了一个基于 OpenJDK 8 的容器，将后端项目的 JAR 文件复制到容器中，并在容器启动时运行后端服务。

2. 构建后端镜像：在后端项目的根目录下执行以下命令构建后端镜像：

 

 

   docker build -t backend:latest -f Dockerfile --build-arg JAR_FILE=target/backend.jar.

这个命令将使用当前目录下的Dockerfile构建一个名为backend:latest的镜像，并将后端项目的 JAR 文件作为参数传递给 Dockerfile。

3. 运行后端容器：执行以下命令运行后端容器：

 

 

   docker run -d -p 8080:8080 backend:latest

这个命令将在后台运行一个名为backend:latest的容器，并将容器的 8080 端口映射到主机的 8080 端口。

五、前端部署

1. 创建 Dockerfile：在前端项目的根目录下创建一个名为Dockerfile的文件，内容如下：

 

 

   FROM node:14-alpine
   WORKDIR /app
   COPY package*.json./
   RUN npm install
   COPY..
   RUN npm run build
   EXPOSE 80
   CMD ["npm", "start"]

这个 Dockerfile 定义了一个基于 Node.js 14 的容器，将前端项目的代码复制到容器中，安装依赖项，构建前端项目，并在容器启动时运行前端服务。

2. 构建前端镜像：在前端项目的根目录下执行以下命令构建前端镜像：

 

 

   docker build -t frontend:latest.

这个命令将使用当前目录下的Dockerfile构建一个名为frontend:latest的镜像。

3. 运行前端容器：执行以下命令运行前端容器：

 

 

   docker run -d -p 80:80 frontend:latest

这个命令将在后台运行一个名为frontend:latest的容器，并将容器的 80 端口映射到主机的 80 端口。

六、使用 Docker Compose 部署

1. 创建 docker-compose.yml：在项目的根目录下创建一个名为docker-compose.yml的文件，内容如下：

 

 

   version: '3'
   services:
     backend:
       build:
         context: backend
         dockerfile: Dockerfile
       ports:
         - 8080:8080
     frontend:
       build:
         context: frontend
         dockerfile: Dockerfile
       ports:
         - 80:80

这个文件定义了两个服务，一个是后端服务，一个是前端服务。每个服务都指定了构建上下文和 Dockerfile，并将容器的端口映射到主机的端口。

2. 运行 Docker Compose：在项目的根目录下执行以下命令运行 Docker Compose：

 

 

   docker-compose up -d

这个命令将在后台启动后端和前端服务。

七、总结

通过使用 Docker 和 Docker Compose，我们可以轻松地部署一个 Spring Boot + Vue 的项目。这种方式可以让我们的项目更加易于部署和管理，同时也可以提高项目的可移植性和可靠性。在实际应用中，我们可以根据项目的具体需求进行调整和优化，以满足不同的部署场景。