通过 Docker 实现前后端的容器化部署

菜就多练习

已于 2024-09-12 18:43:09 修改

阅读量381

点赞数 9

分类专栏：项目部署文章标签： docker 容器运维 vue spring boot

于 2024-09-12 18:32:23 首次发布

本文链接：https://blog.csdn.net/m0_73310000/article/details/142178409

版权

项目部署专栏收录该内容

3 篇文章 0 订阅

订阅专栏

通过 Docker 实现前后端的容器化部署

写在前面

在传统的部署方式上，我们需要自己在服务器一个个安装并配置需要的环境，非常麻烦，主要核心体现在三点：命令太多了，记不住、软件安装包名字复杂，不知道去哪里找、安装和部署步骤复杂，容易出错。

而Docker就能很好的解决这个问题，即便你对Linux不熟悉，你也能轻松部署各种常见软件、Java项目。

如果你需要查看Docker的基础知识，可以访问后端开发入门Docker：从基础到实践 | Panda)

如果你需要我使用的终端工具，可用访问Tabby：一款出色的开源终端工具

这里使用我的大二课程作业给大家在 CentOS 7 下演示通过 Docker 实现前后端的容器化部署，同时开启Nginx、MySQL、Redis等服务

如果不使用 Redis 可以省略对应的步骤，并且注意在 Compose 文件中去掉 Redis 的配置

Linux系统中创建目录

在root目录下创建文件夹，用于本地目录挂载

创建maiba文件夹（自定义名称，这里使用项目名），用于存放所有文件
在maiba文件夹中创建三个文件夹nginx、mysql、redis

在这里插入图片描述

其他文件等我们配置好，在后面的步骤再单独放入

前端构建

打开你的 Vue 项目，在终端中输入npm run build命令，直到看见Build complete.说明打包完成

在这里插入图片描述

打包完成后你会在目录中看见一个dist文件夹，里面会有index.html文件和css、img、js等文件夹

在这里插入图片描述

将dist文件夹名改为自定义名称（这里使用 maiba ），放入创建好的nginx文件夹中的html文件夹中

在这里插入图片描述

Nginx基本配置

准备nginx.conf文件，设置与本地部署基本一致，但是需要注意：

网站根目录设置需要设置你的文件夹名，且路径是Docker容器中的路径（已挂载到本地html文件夹）
服务器名称和后端的服务地址不再使用IP，而是使用Docker中自定义桥接网络的名称（这里使用maiba）

worker_processes  1;  # 定义工作进程数量

events {
    worker_connections  1024;  # 定义每个工作进程的最大连接数
}

http {
    include       mime.types;  # 包含文件类型定义
    default_type  application/octet-stream;  # 默认文件类型
    sendfile        on;  # 开启高效文件传输模式

    keepalive_timeout  65;  # 连接保持超时时间
    server {
        listen       80;  # 监听端口号
        server_name  maiba;  # 服务器名称

        location / {
            root   /usr/share/nginx/html/maiba;  # 网站根目录
            index  index.html index.htm;  # 默认首页文件
        }
        error_page   500 502 503 504  /50x.html;  # 错误页面配置
        location = /50x.html {
            root   html;  # 错误页面根目录
        }

        location /api/ {
            proxy_pass http://maiba:8080;  # 后端服务地址
            proxy_set_header Host $host;  # 设置请求头Host
            proxy_set_header X-Real-IP $remote_addr;  # 设置请求头X-Real-IP
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;  # 设置请求头X-Forwarded-For
            proxy_set_header X-Forwarded-Proto $scheme;  # 设置请求头X-Forwarded-Proto
        }
    }
}

可以看到，所有的ip / localhost已经替换为了maiba（Docker中自定义桥接网络的名称）

将准备好的nginx.conf文件放入nginx文件夹，与html文件夹并列

在这里插入图片描述

后端打包

在项目pom.xml文件中修改配置，避免出现no main manifest attribute错误，找到<plugin>下的<configuration>标签

<configuration>
    <mainClass>com.xxx.SpringbootMaibaApplication</mainClass>
    <!-- <skip>true</skip> -->
    <!-- 将上面skip标签注释掉或删掉，添加如下includeSystemScope标签 -->
    <includeSystemScope>true</includeSystemScope>
</configuration>

检查确保在application.properties或application.yml中关于MySQL和Redis的配置正确
- 使用我们设置的自定义的桥接网络名（这里用maiba）代替localhost
- 使用redis作为 redis 的 host （在后面的 Docker Compose 文件中，Redis 服务的名称是 redis）

在这里插入图片描述

在IDEA右侧的Maven工具栏中点击package打包，这时候会在target文件夹中看到一个jar包

在这里插入图片描述

复制jar包，修改成自定义名字（这里使用 maiba ），将其发送到Linux中的maiba根目录下

在这里插入图片描述

准备 Dockerfile

准备Dockerfile文件，将其中的jar包名修改成自己的（这里为maiba）

# 基础镜像
FROM openjdk:11.0-jre-buster
# 设定时区
ENV TZ=Asia/Shanghai
RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone
# 拷贝jar包
COPY maiba.jar /app.jar
# 入口
ENTRYPOINT ["java", "-jar", "/app.jar"]

确保Dockerfile被放在你的项目根目录下（这里为maiba），与jar包要在一个目录，因为Dockerfile文件中使用了相对路径

在这里插入图片描述

放入MySQL和Redis的初始化文件

在MySQL文件夹中创建两个文件夹init和conf

在这里插入图片描述

在init文件夹中放入你的sql文件，这样在MySQL容器创建的时候，你的数据库就创建好了
在conf文件夹中放入一个简单的maiba.cnf文件（名字自定义，这里叫 maiba ），简单设置一下字符集

[client]
default_character_set=utf8mb4
[mysql]
default_character_set=utf8mb4
[mysqld]
character_set_server=utf8mb4
collation_server=utf8mb4_unicode_ci
init_connect='SET NAMES utf8mb4'

确保 mysql 文件夹中的两个文件夹中文件都正确放置

在这里插入图片描述

5. 在redis文件夹中放入准备好的dump.rdb文件和redis.conf文件

前者为你需要初始化的的Redis数据，由Redis生成，找到复制过来即可
后者为redis的配置文件，注意需要设置 daemonize 为 no，否则会出现redis启动后又正常退出的问题

在 Docker 容器中运行 Redis 时，不需要设置 daemonize 为 yes。原因是 Docker 容器本身就是一个单独的进程，如果 Redis 容器以守护进程模式运行，会导致容器立即退出。

守护进程模式：当 daemonize yes 时，Redis 会在后台运行，并且主进程会退出。而在 Docker 中，主进程的退出意味着容器的退出。
前台运行：Docker 容器的最佳实践是让主进程在前台运行，以便 Docker 可以管理进程生命周期。

确保redis文件夹中的两文件都正确放置

在这里插入图片描述

创建 Docker Compose 文件

创建docker-compose.yml文件，输入下面内容

version: "3.8"

services:
  mysql:
    image: mysql
    container_name: mysql
    ports:
      - "3306:3306"
    environment:
      TZ: Asia/Shanghai
      MYSQL_ROOT_PASSWORD: 123456
    volumes:
      - "./mysql/conf:/etc/mysql/conf.d"
      - "./mysql/data:/var/lib/mysql"
      - "./mysql/init:/docker-entrypoint-initdb.d"
    networks:
      - new
  maiba:
    build: 
      context: .
      dockerfile: Dockerfile
    container_name: maiba
    ports:
      - "8080:8080"
    networks:
      - new
    depends_on:
      - mysql
  nginx:
    image: nginx
    container_name: nginx
    ports:
      - "80:80"
    volumes:
      - "./nginx/nginx.conf:/etc/nginx/nginx.conf"
      - "./nginx/html:/usr/share/nginx/html"
    depends_on:
      - maiba
    networks:
      - new
  redis:
    image: redis
    container_name: redis
    volumes:
      - ./redis/dump.rdb:/data/dump.rdb
      - ./redis/redis.conf:/usr/local/etc/redis/redis.conf
    command: ["redis-server", "/usr/local/etc/redis/redis.conf"]
    ports:
      - "6379:6379"
    networks:
      - new
networks:
  new:
    name: maiba