Docker 部署 前端+后端+数据库 3个服务整合进一个容器中

最新推荐文章于 2025-03-19 08:09:25 发布
最新推荐文章于 2025-03-19 08:09:25 发布
阅读量1.4k 收藏 16
点赞数 31
CC 4.0 BY-SA版权
文章标签： docker
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_72295598/article/details/144585959

前言

工作中我们总会遇到许多抽象的需求，前段时间组长让我写了个验证码组件，前端后端数据库都让我整，写完打包给他，耗时1周整完。

正当我准备继续摸鱼时，组长又给我提个需求，把前端后端数据库所有服务用docker整合进一个镜像中，到时候直接运行。。。。我听完懵逼了两秒，不是哪有这种操作啊？这不违反了Docker的单一职责原则吗，用Docker Compose多香啊。。。。

吐槽归吐槽，该干还得干，去网上搜了一下，牛魔的根本没人会这么干啊，只能自己摸着石头过河了。

前端，后端，数据库，三个服务，一个容器


基础镜像的选择

首先是基础镜像的选择，我一开始想的是用 mysql:8.0、openjdk:8-alpine 或者 nginx 为基础镜像，在这个基础镜像上安装其他服务所需要的环境，但是后来发现，这三个镜像没有包管理器，不能使用 apt 或者 yum 安装其他服务，所以这条路走不通。

既然那三个镜像没有包管理器，那我们就找一个自带包管理器的基础镜像就行了，这里我选的是Ubuntu，包管理器为 apt

然后是版本的选择，下面这个表格是不同Ubuntu版本和它们通常默认安装的MySQL版本

Ubuntu版本默认MySQL版本
Ubuntu 22.04 LTSMySQL 8.0
Ubuntu 20.04 LTSMySQL 8.0
Ubuntu 18.04 LTSMySQL 5.7
Ubuntu 16.04 LTSMySQL 5.7
Ubuntu 14.04 LTSMySQL 5.5
Ubuntu 12.04 LTSMySQL 5.5

我使用的数据库是 MySQL 8，所以应该选 22 或者 20 的版本，关于 22 和 20 两个版本的选择，我给出的答案是选择 22，理由如下

在 Ubuntu 20.04 版本中，使用 apt install -y mysql-server安装 mysql 时，会在提示我们选择时区，此时系统会阻塞并等待我们输入，但是我们在写 Dockerfile 构建镜像时应该尽可能避免这种要交互的操作

FROM ubuntu:20.04

# 安装MYSQL
RUN apt update \
 && apt install -y mysql-server

提示选择时区

而 Ubuntu 22.04 则不需要选择时区，直接就能安装成功，所以这里我选择的是 Ubuntu 22.04 版本


MySQL 的安装和配置

选择完基础镜像后就是安装 MySQL，使用 apt install -y mysql-server安装完 mysql 后，默认是没有密码的，输入mysql -u rooot直接就能登录成功，接下来需要设置密码，这一步不能少，否则后端会连接不上！！！

设置密码的常规操作是先登录进 mysql，然后设置密码

mysql -u root
ALTER user 'root'@'localhost' identified with mysql_native_password by 'root';

我这里设置的密码是 root，大家可以自行设置，改最后的引号里的内容

然而，我们要在 Dockerfile 里面完成设置密码这件事，需要把登录mysql 和 设置密码 合成一句话，变成这样

mysql -u root -e "ALTER user 'root'@'localhost' identified with mysql_native_password by 'root';"

写在 Dockerfile 中是这样

FROM ubuntu:22.04

# 安装MYSQL
RUN apt update \
 && apt install -y mysql-server

# 改密码
RUN service mysql restart \
 && mysql -u root -e "ALTER user 'root'@'localhost' identified with mysql_native_password by 'root';"

其中这句 service mysql restart不能少，安装完 mysql 后要重启一次才能正常登录，否则会报下面这个错误

在这里插入图片描述

然后我们再把执行 sql 文件的部分加进去，记得先将 sql 文件和 Dockerfile 放在一个目录下

在这里插入图片描述

复制 sql 文件到容器中，执行sql，同理，也是登录和执行写成一句话

mysql -u root < /verify-code.sql

Dockerfile

FROM ubuntu:22.04

# 复制sql文件
COPY ./verify-code.sql /

# 安装MYSQL
RUN apt update \
 && apt install -y mysql-server

# 执行sql && 设置密码
RUN service mysql restart \
 && mysql -u root < /verify-code.sql \
 && mysql -u root -e "ALTER user 'root'@'localhost' identified with mysql_native_password by 'root';"

这里我把执行 sql 放在设置密码前面，这样就可以少写一个-p root了

至此，MySQL 的安装算是告一段落了


JDK的安装

apt install -y openjdk-8-jdk

准备好后端 jar 包（这里默认大家都会了哈），和 Dockerfile 放一起

在这里插入图片描述

Dockerfile

FROM ubuntu:22.04

# 复制sql文件
........
# 复制后端jar包
COPY ./verify-code-server-0.0.1-SNAPSHOT.jar /tmp/verify-code-server-0.0.1-SNAPSHOT.jar

# 安装MYSQL && jdk8
RUN apt update \
 && apt install -y mysql-server \
 && apt install -y openjdk-8-jdk

# 执行sql && 设置密码
........

运行 jar 包的操作我们后续会放到 entrypoint 中


Nginx的安装和配置

安装 nginx

apt install -y nginx

Dockerfile

FROM ubuntu:22.04

# 复制sql文件
# 复制后端jar包
........

# 安装MYSQL && jdk8 && nginx
RUN apt update \
 && apt install -y mysql-server \
 && apt install -y openjdk-8-jdk \
 && apt-get install -y nginx

# 执行sql && 设置密码
........


Nginx 配置文件
nginx 配置文件分两种情况，自己提前写好了有完整的 nginx.conf 和 没有 nginx.conf

1.先说有 nginx.conf 的情况，直接把自己的 nginx.conf 文件复制到容器的 /etc/nginx/目录下，覆盖掉原来的 nginx.conf

将 nginx.conf 文件和 Dockerfile 放在同级目录
在这里插入图片描述
Dockerfile

COPY ./nginx.conf /etc/nginx/

FROM ubuntu:22.04

# 复制sql文件
# 复制后端jar包
........

# 安装MYSQL && jdk8 && nginx
........

# 执行sql && 设置密码
........

# 复制nginx.conf配置文件
COPY ./nginx.conf /etc/nginx/

2.第二种是没有 nginx.conf 文件，可以写一个精简版的
先在 Dockerfile 的目录下新建一个 my.conf文件

touch my.conf

在这里插入图片描述

使用 vim 编辑 my.conf

vim my.conf

内容

server {
    listen       5173;
    server_name  localhost;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }

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

}

然后将这个 my.conf 复制到容器的 /etc/nginx/conf.d目录下

COPY ./my.conf /etc/nginx/conf.d/

FROM ubuntu:22.04

# 复制sql文件 && 复制后端jar包
........

# 安装MYSQL && jdk8 && nginx
.........

# 执行sql && 设置密码
.........

# 复制自定义Nginx配置文件
COPY ./my.conf /etc/nginx/conf.d/


前端的打包

在这里插入图片描述

记得先将请求路径改成服务器的url
在这里插入图片描述

将 dist 文件夹和 Dockerfile 放到同一目录

在这里插入图片描述

将 dist 目录重命名为 html

mv dist html

在这里插入图片描述

打包成后缀 .tar.gz 格式，文件名 html.tar.gz

tar -czvf html.tar.gz html

在这里插入图片描述

将打包文件复制到/usr/share/nginx/html目录下(先删除html目录，然后直接解压)

rm -rf /usr/share/nginx/html
tar -xzvf /usr/share/nginx/html.tar.gz -C /usr/share/nginx

FROM ubuntu:22.04

# 复制sql文件 && 复制后端jar包
........

# 安装MYSQL && jdk8 && nginx
.........

# 执行sql && 设置密码
.........

# 复制自定义Nginx配置文件
........

# 复制前端打包文件
COPY ./html.tar.gz /usr/share/nginx/
# 解压覆盖
RUN rm -rf /usr/share/nginx/html
RUN tar -xzvf /usr/share/nginx/html.tar.gz -C /usr/share/nginx

启动 nginx 的命令我们也是后面放到 entrypoint 中


暴露端口

这里我后端的端口是 8080，前端是5173

FROM ubuntu:22.04

# 中间省略
........

# 暴露端口
EXPOSE 8080 5173

ENTRYPOINT

在 Dockerfile 同级目录下新建一个 entrypoint.sh

touch entrypoint.sh

在这里插入图片描述

使用 vim 编辑

vim entrypoint.sh

内容

#!/bin/bash

# 重启MySQL服务
service mysql restart

# 启动后端
java -jar /tmp/verify-code-server-0.0.1-SNAPSHOT.jar > /dev/null 2>&1 &

# 启动前端
/usr/sbin/nginx

# 保持容器运行
exec tail -f /dev/null

最后在 Dockerfile 中加上执行 entrypoint 脚本的语句

FROM ubuntu:22.04

# 中间省略
........

# 复制自定义的entrypoint脚本到镜像中
COPY entrypoint.sh /usr/local/bin/

# 赋予脚本执行权限
RUN chmod +x /usr/local/bin/entrypoint.sh

# 设置ENTRYPOINT为自定义脚本
ENTRYPOINT ["bash", "/usr/local/bin/entrypoint.sh"]


接下来就可以进行构建了

docker build -t verify-code:1.0 .

运行

docker run --name verify-code -p 8080:8080 -p 5173:5173 -itd verify-code:1.0

导出镜像

docker save -o verify-code.tar verify-code:1.0

最后附上完整的 Dockerfile 供大家参考

FROM ubuntu:22.04

# 复制sql文件
COPY ./verify-code.sql /

# 复制后端jar包
COPY ./verify-code-server-0.0.1-SNAPSHOT.jar /tmp/verify-code-server-0.0.1-SNAPSHOT.jar

# 安装MYSQL && jdk8 && nginx
RUN apt update \
 && apt install -y mysql-server \
 && apt install -y openjdk-8-jdk \
 && apt-get install -y nginx
 
# 执行sql && 设置密码
RUN service mysql restart \
 && mysql -u root < /verify-code.sql \
 && mysql -u root -e "ALTER user 'root'@'localhost' identified with mysql_native_password by 'root';"

# 复制自定义Nginx配置文件
COPY ./my.conf /etc/nginx/conf.d/

# 复制前端打包文件
COPY ./html.tar.gz /usr/share/nginx/
# 解压覆盖
RUN rm -rf /usr/share/nginx/html
RUN tar -xzvf /usr/share/nginx/html.tar.gz -C /usr/share/nginx

# 暴露端口
EXPOSE 8080 5173

# 复制自定义的entrypoint脚本到镜像中
COPY entrypoint.sh /usr/local/bin/

# 赋予脚本执行权限
RUN chmod +x /usr/local/bin/entrypoint.sh

# 设置ENTRYPOINT为自定义脚本
ENTRYPOINT ["bash", "/usr/local/bin/entrypoint.sh"]

OK，大功告成，又可以愉快的摸鱼了

亚洲象人
关注
docker+nginx+node+jenkins从零开始部署你的前端服务
广兰路地铁的博客
03-02 3368
前言 如果你不甘于做一个纯粹的页面仔，想了解一个web应用从编写到到发布到用户可见的全过程，或是想自己玩一点新东西，突破原有的技术圈层，那么本文将是一个很好的入门指南。笔者将从实战入手，尽可能细致地结合当前主流的工具链，以命令行为粒度来讲解一个web应用CI/CD的全过程。有些部分的内容可能过于基础，大神们可以酌情跳过。 本例的应用架构大致是:一个web静态中台服务，和与之配套的后端服务（通过no...
基于SpringBoot+Docker+Cuda+Cudnn+Pythorch+Onnx+Tensorrt+Yolov8+ffmpeg+zlmediakit 的AI算法中台系统
weixin_43927514的博客
07-05 2431
1.基于SpringBoot+Docker+Cuda+Cudnn+Pythorch+Onnx+Tensorrt+Yolov8+ffmpeg+zlmediakit 的AI算法中台系统，本系统主要实现JAVA调用Python脚本的方式，实现在GPU(Nvidia Tesla T4)上进行yolov8的加速推理运算，实现人、车、火灾烟雾、河道漂浮物、道路裂痕等视频的识别，并将识别结果通过ffmpeg推流到zlmediakit流媒体服务器。查看源码后记得给 start 哦 , 您的 Star 将是我的动力！
将前后端项目合并发布部署到云服务器的docker中
weixin_46329670的博客
06-29 1596
一、部署准备 1.ECS云服务器一台(我这里是用的阿里云服务器) 2.前后端分离项目:一个vue前端项目+一个spring后台项目 3.用到的工具 :IDEA、VScode、Navicat、Xshell、Xftp 二、 在云服务器上安装项目运行相关环境 以我这个要部署的项目为例，需要在服务器上安装: 1.java环境 2.docker 3.mysql 4.redis 以下为安装步骤 先通过xshell连接上自己的云服务器 (1)Java安装 yum -y install java-1.8.0-openjd
docker部署前后端项目
weixin_42265487的博客
09-30 826
一. 部署环境 我这边是使用虚拟机+CentOS7 做服务器，使用的项目是ruoyi的springboot项目。 首先这边需要将redis和mysql跑起来。 docker教程： 1、docker命令 2、docker下载各种软件https://www.runoob.com/docker/docker-tutorial.html（redis/mysql） 二. 后端打包 修改项目对应的数据库和redis对应的ip、端口，账号密码，与虚拟机上的进行一一对应。 在服务器安装jdk，将项目mvn package
docker在服务器中部署多个前端
a983677218的博客
03-31 1609
因为要做毕设买了个云服务器玩玩，刚好设做到一半，用用户端和后台两个vue的前端项目部署到服务器上做个测试~现在阿里云的域名备案有点麻烦，现在就用就为访问网址。在线独立课程题库管理与考试系统exam-user部署前端是基于docker和nginx实现，简单来说就这三步，下面再细化一下这三个操作。
基于 Docker-Compose 集成部署前后端服务及数据库服务（Vue+Node+Mysql+Redis）
junkaione的博客
03-06 1443
目前我们大多数服务应该会使用 Docker 来进行部署，但在整个项目需要用到多个服务时，一个一个编排部署就会很麻烦，如我们常见的会有前端服务(Vue)+后端服务(Node)+数据库(Mysql)+缓存(Redis)。这篇文章主要就是讲下怎么使用 Docker-Compose 来一键编排部署我们的服务。
Docker部署java应用，前后端分离，包含配置文件映射
weixin_44330810的博客
01-06 400
后代表容器内配置文件路径，需要在dockerfile中指明。日志文件目录映射，:前代表java应用配置的日志文件路径，在logback.xml中设置。:后代表容器内日志路径。2、docker运行脚本：包含docker build 和docker run命令。2、docker运行脚本：包含docker build 和docker run命令。docker重启配置，进程异常终止自动拉起docker容器（非手动停止）Docker部署java应用，前后端分离，包含配置文件映射。一、docker部署java应用。
外卖APP系统源码+小程序商户端+小程序配送端+用户前端+外卖系统后端.rar
05-30
外卖APP系统的开发涉及到多个关键技术领域，包括前端、后端、数据库设计、移动应用开发以及小程序技术。本资源提供了完整的外卖APP源码，包括小程序商户端、配送端、用户前端以及系统后端，非常适合开发者用于研究...
Go+Vue前端与后端数据库整合项目教程
部署方面，项目可能需要部署到服务器上，如使用Docker容器化部署、云服务平台如AWS、Azure或使用传统的虚拟机部署等。 知识点九：项目管理与团队协作 对于课程设计来说，项目的管理同样重要。团队成员需要合理分工...
手把手教你使用Docker部署Vue+Springboot项目（详细版）
程序员柚子的博客
02-05 2539
快速使用Docker部署Vue+Springboot项目完整教程
docker打包数据库镜像
m0_66037097的博客
11-03 396
这个命令将在 Docker 中运行一个带有持久化数据的 MySQL 容器，并映射到主机的 3306 端口。不想停止打包可以创建一个快照镜像 new_image_name是新镜像的名称。docker cp 导出的数据目录，后面在其他服务器容器运行需要写对，不然加载不到数据。3.导出 MySQL 容器中的数据到本地： 这里我把数据保存到home目录下了。命令加载该镜像，然后在其他服务器上运行 MySQL 容器。命令将包含数据的容器保存为新的镜像：其中。文件迁移到其他服务器，并使用。
Docker打包镜像(三种方式)并发布到Docker Hub
热门推荐
Da_zhenzai的博客
07-13 2万+
公司项目发生较大改动（添加表、重要文件备份、自动脚本上传），在原有的项目镜像基础下重新打包生成新的镜像，并发布到Docker Hub上。1、进入docker2、宿主机复制文件到docker（当然也可以用Xftp）：3、连接数据库执行sql文件......
从安装Docker到打包迁移MySQL的完整指南
IT小辉同学
08-23 1442
每一天过得充实，眼中无迷茫，心中无烦恼。日子就会充满希望，岁月就会洒满清欢。
docker
daimenglaoshi的博客
11-15 710
docker是一个开源的应用容器引擎，开发者可以打包自己的应用到容器里面，然后迁移到其他机器的docker应用中，可以实现快速部署。如果出现的故障，可以通过镜像，快速恢复服务。我们除了可以从仓库中拉取镜像，也可以自定义镜像，供别人拉取。自定义镜像主要包含两个步骤，第一步是创建配置文件，配置镜像的内容，第二步是通过docker命令制作成镜像。
把数据库放入Docker是一个好主意吗？
ruiqianyun2010的博客
12-07 335
将数据库放入Docker是否是个好主意，取决于你的具体情况和需求。如果你的项目需要快速部署、高可用性和可扩展性，那么将数据库放入Docker可能是一个好选择。然而，你还需要考虑一些额外的因素，如技术难度、数据安全和备份恢复等问题。在这些考虑因素的基础上，你应该根据项目的具体情况做出最佳决策。
如何将自己的项目打包成docker镜像部署到容器中
最新发布
qu1210的博客
03-19 1209
Docker 是一种流行的容器化技术，可以帮助您将应用程序及其依赖项打包到一个可移植的容器中。下面我将介绍如何在不同场景下将项目打包成 Docker 镜像并部署到容器中。通过以上步骤，您可以将几乎任何类型的应用程序打包成 Docker 镜像并部署到容器中。根据您的具体项目类型和需求，可能需要对 Dockerfile 进行一些调整。
docker一个容器内部署多个服务
前方的路在刚开始
01-12 3677
的所有。
记录贴：使用docker快速部署各种数据库
不可能改名的的博客
10-03 784
docker、数据库
docker 打包mysql_基于docker部署mysql的数据持久化问题
weixin_39911007的博客
02-06 841
本人最近在使用docker部署mysql时，在持久化mysql数据时遇到了一个有趣的问题，将排查过程及思考记录在这里，以备后查。先简单描述下我遇到的问题：在mysql容器中创建了两个数据库，然后使用docker commit想要保存容器的修改为新的镜像，发现只保存下来了新建的一个数据库，而另一个并没有被保存下来。最终通过查看docker文档和自己的实验，发现是mysql镜像中指定了volume为m...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值