使用Docker Compose一键部署前后端分离项目

news2024/11/19 6:23:38

一、安装Docker和docker Compose

（1）Docker安装

（2）Docker Compose安装

（3）查看版本信息

二、准备工作

1. 新建工作目录

2. 工作目录结构

3. 后台打包

4. 前台打包

5. 数据库文件上传

6. 编写Dockerfile

（1）mysql-dockerfile

（2）nginx-dockerfile

（3）redis-dockerfile

（4）ruoyi-dockerfile

7. 编写 docker-compose.yml 文件

8. 构建并启动

（1）构建docker服务

（2）启动docker容器

（3）查看容器

（4）浏览器访问测试

前面的博客介绍了使用 Docker 部署前后端分离项目：使用Docker部署前后端分离项目

接下来介绍如何使用 Docker Compose部署前后端分离项目，依旧以若依项目为例。

一、安装Docker和docker Compose

（1）Docker安装

[root@zy-host /]# yum install -y yum-utils device-mapper-persistent-data lvm2
[root@zy-host /]# yum install docker-ce docker-ce-cli containerd.io

（2）Docker Compose安装

[root@zy-host home]# curl -L https://get.daocloud.io/docker/compose/releases/download/1.25.1/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose
[root@zy-host home]# chmod +x /usr/local/bin/docker-compose

（3）查看版本信息

[root@zy-host home]# docker --version
Docker version 20.10.22, build 3a2c30b
[root@zy-host home]# docker-compose --version
docker-compose version 1.25.1, build a82fef07

二、准备工作

这里可以参考若依官方文档：集成docker实现一键部署| RuoYi

1. 新建工作目录

在 /home 目录下新建目录 ruoyi2，作为工作目录。

[root@zy-host home]# mkdir ruoyi2

2. 工作目录结构

其中db目录存放ruoyi数据库脚本
其中jar目录存放打包好的jar应用文件
其中conf目录存放redis.conf和nginx.conf配置
其中html\dist目录存放打包好的静态页面文件
数据库mysql地址需要修改成ruoyi-mysql
缓存redis地址需要修改成ruoyi-redis
数据库脚本头部需要添加SET NAMES 'utf8';（防止乱码）

[root@zy-host ruoyi2]# tree ./
./
├── conf
│   ├── nginx.conf
│   └── redis.conf
├── db
├── docker-compose.yml
├── html
│   └── dist
├── jar
├── mysql-dockerfile
├── nginx-dockerfile
├── redis-dockerfile
└── ruoyi-dockerfile

nginx.conf文件内容：

[root@zy-host conf]# cat nginx.conf 
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  localhost;

		location / {
            root   /home/ruoyi/projects/ruoyi-ui;
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		
		location /prod-api/{
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_pass http://ruoyi-server:8080/;
		}

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

redis.conf文件内容：

# requirepass 123456

3. 后台打包

修改后台配置文件，修改MySQL地址为和Redis地址为云服务器IP

package 打包，将打好的jar包上传至工作目录下的 jar 目录中：

4. 前台打包

前台打 dist 包，上传至工作目录的 html 目录下：

# 构建生产环境
npm run build:prod

5. 数据库文件上传

在sql文件头部添加：SET NAMES 'utf8'; 防止乱码，然后将sql文件上传至工作目录的 db 目录下：

6. 编写Dockerfile

（1）mysql-dockerfile

mysql-dockerfile 文件内容如下：

# 基础镜像
FROM mysql:5.7
# author
MAINTAINER ruoyi

# 执行sql脚本
ADD ./db/*.sql /docker-entrypoint-initdb.d/

（2）nginx-dockerfile

nginx-dockerfile 文件内容如下：

在容器内创建 /home/ruoyi/projects/ruoyi-ui目录，并将该目录与宿主机挂载。

# 基础镜像
FROM nginx
# author
MAINTAINER ruoyi

# 挂载目录
VOLUME /home/ruoyi/projects/ruoyi-ui
# 创建目录
RUN mkdir -p /home/ruoyi/projects/ruoyi-ui
# 指定路径
WORKDIR /home/ruoyi/projects/ruoyi-ui
# 复制conf文件到路径
COPY ./conf/nginx.conf /etc/nginx/nginx.conf
# 复制html文件到路径
COPY ./html/dist /home/ruoyi/projects/ruoyi-ui