当前位置:首页 > 技术 > 正文内容

使用Dockerfile部署前后端分离项目

访客 技术 2026年7月29日 2

1. 创建专用网络

运行以下命令创建一个名为appnet的自定义网络:

docker network create appnet

2. 配置数据库服务

2.1 准备工作

首先,创建一个用于存放数据库文件的目录:

mkdir -p project/db

然后启动一个临时MySQL容器以导出配置文件:

cd project/db
docker run --name temp_mysql -itd -e MYSQL_ROOT_PASSWORD=secret mysql:latest
docker cp temp_mysql:/etc/mysql/my.cnf .
docker cp temp_mysql:/etc/mysql/conf.d .
docker rm -f temp_mysql

编辑my.cnf文件,确保字符集为utf8mb4

[mysql]
default-character-set=utf8mb4

[mysql.server]
default-character-set=utf8mb4

如果有初始化脚本,请将其命名为init.sql并放入当前目录。

2.2 构建Docker镜像

创建Dockerfile

# 使用官方MySQL镜像作为基础
FROM mysql:latest

# 将初始化脚本复制到容器中
COPY init.sql /docker-entrypoint-initdb.d/

构建镜像:

docker build -t custom-mysql .

运行容器:

docker run --name db_container -d \
-p 3306:3306 \
-v ./my.cnf:/etc/mysql/my.cnf \
-v ./conf.d:/etc/mysql/conf.d \
-v ./data:/var/lib/mysql \
-e MYSQL_ROOT_PASSWORD=secret \
--network appnet \
custom-mysql

3. 配置后端服务

3.1 准备工作

创建后端项目的目录结构:

mkdir -p project/backend

project/backend目录下创建application.yml

spring:
  datasource:
    url: jdbc:mysql://db_container:3306/testdb

打包后端代码(假设使用Maven):

mvn clean package

生成的JAR文件应放置在project/backend目录下。

3.2 构建Docker镜像

创建Dockerfile

FROM amazoncorretto:17
WORKDIR /app
COPY backend.jar .
EXPOSE 9000
CMD ["java", "-jar", "backend.jar"]

构建镜像:

docker build -t custom-backend .

运行容器:

docker run --name backend_container -d \
-p 9000:9000 \
-v ./application.yml:/app/application.yml \
--network appnet \
custom-backend

4. 配置前端服务

4.1 准备工作

创建前端项目的目录结构:

mkdir -p project/frontend/static

打包前端代码(假设使用Vue.js或React):

npm run build

将生成的静态文件复制到project/frontend/static

从Nginx容器导出默认配置文件:

cd project/frontend
docker run --name temp_nginx -itd nginx:latest
docker cp temp_nginx:/etc/nginx/nginx.conf ./nginx.conf
docker cp temp_nginx:/etc/nginx/conf.d ./conf.d
docker rm -f temp_nginx

编辑conf.d/default.conf

upstream backend_server {
    server backend_container:9000;
}

server {
    listen 80;

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

    location /api/ {
        proxy_pass http://backend_server;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

4.2 构建Docker镜像

创建Dockerfile

FROM nginx:latest
COPY ./static /usr/share/nginx/html
COPY ./nginx.conf /etc/nginx/nginx.conf
COPY ./conf.d /etc/nginx/conf.d
EXPOSE 80

构建镜像:

docker build -t custom-frontend .

运行容器:

docker run --name frontend_container -d \
-p 8080:80 \
--network appnet \
custom-frontend
标签: Docker

相关文章

Linux crontab 详解

1) crontab 是什么cron 是 Linux 的定时任务守护进程;crontab 是用来编辑/查看“按时间周期执行命令”的表(cron table)。常见两类:用户 crontab:每个用户一份(crontab -e 编辑)系统级 crontab / cron.d:可指定执行用户(/etc/crontab、/etc/cron.d/*)2) crontab 时间...

富文本里可以允许的 HTML 属性

一、所有标签默认允许的安全属性(极少)class        (可选)id           (通常建议禁用)title️ 注意:id 容易被滥用做锚点注入,很多系统直接禁用class 允许的话最好只允许固定前缀(如 editor-*)二、a 标签允许属性<a href="" t...

Mac 安装 Node.js 指南

方法一:通过官网安装包(最简单,适合初学者)如果你只是想快速安装并开始使用,这是最直接的方法。访问 Node.js 官网。页面会显示两个版本:LTS (Recommended For Most Users):长期支持版,最稳定。建议选这个。Current:最新特性版,包含最新功能但可能不够稳定。下载 .pkg 安装包并运行。按照安装向导点击“下一步”即可完成。方法二:使用 Homebrew 安装(...

Dom\HTML_NO_DEFAULT_NS 的副作用:自动加闭合标签

在使用Dom\HTMLDocument时,Dom\HTML_NO_DEFAULT_NS 将禁止在解析过程中设置元素的命名空间, 此设置是为了与DOMDocument向后兼容而存在的。当使用它时,已知的一个副作用就是:自动加闭合标签例如 </img> 为什么会这样?当你使用:Dom\HTML_NO_DEFAULT_NS文档会变成 无命名空间模式,此时内部更接近 XML...

Laravel 事件和监听器创建

在 Laravel 中,使用 Artisan 命令创建 Events(事件) 和 Listeners(监听器) 是非常高效的。你可以通过以下几种方式来实现:1. 手动创建单个 Event如果你只想创建一个事件类,可以使用 make:event 命令:Bashphp artisan make:event UserRegistered执行后,文件将生成在 app/Even...

自定义域名解析神器 dnsmasq

什么是 dnsmasq?dnsmasq 是一个轻量级、功能强大的网络服务工具,专为小型和中等规模网络设计。它是一个综合的网络基础设施解决方案[1]。dnsmasq 能做什么?功能说明应用场景DNS 转发与缓存将 DNS 查询转发到上游服务器(ISP、Google DNS 等),并在本地缓存结果加快 DNS 查询速度,减少外部 DNS 流量本地 DNS解析本地网络设备的主机名,无需编辑&n...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。