手把手教你通过 Docker 部署前后端分离项目

前后端分离已成为现代 Web 开发的主流模式，它能有效地提高开发效率和系统扩展性。而 Docker 作为一种容器化技术，可以方便地管理和部署应用程序。下面我们将通过一个简单的示例，手把手教你如何使用 Docker 部署前后端分离项目。

项目结构

假设我们的前后端分离项目结构如下：

my-project/
├── backend/     # 后端代码
│   ├── server.py
│   └── requirements.txt
├── frontend/     # 前端代码
│   ├── package.json
│   └── public/
│       └── index.html
└── docker-compose.yml

构建镜像

首先，我们需要构建一个 Docker 镜像来运行我们的后端应用程序。在 backend/ 目录下，执行以下命令：

docker build -t api .

这条命令会在当前目录下构建一个名为 api 的 Docker 镜像。-t 参数用于指定镜像名称和标签。请注意，这里的 . 表示 Dockerfile 所在的当前目录。

构建前端镜像

接下来，我们需要构建一个 Docker 镜像来运行前端应用程序。在 frontend/ 目录下，执行以下命令：

docker build -t frontend .

这条命令会在当前目录下构建一个名为 frontend 的 Docker 镜像。同样地，-t 参数用于指定镜像名称和标签。

运行容器

最后，我们使用 docker-compose 来运行我们的容器。打开 docker-compose.yml 文件，并添加以下内容：

version: '3'
services:
backend:
build: ./backend
command: python server.py
frontend:
build: ./frontend
volumes:
- ./frontend/public:/app/public
ports:
- 8080:8080

这个配置文件定义了两个服务：后端和前端。后端服务会运行 server.py 脚本，而前端服务会将本地的前端静态文件挂载到容器内的 /app/public 目录，并将容器的 8080 端口映射到主机的 8080 端口。这样，我们就可以通过访问 http://localhost:8080 来访问前端应用程序了。
在 docker-compose.yml 文件所在的目录下，执行以下命令来启动容器：

docker-compose up -d

这条命令会启动两个容器，分别运行后端和前端应用程序。-d 参数表示在后台运行容器。

项目结构注意事项：](https://github.com/docker/labs/blob/master/beginner/chapters/chapter_five.md#best-practices)对于项目结构，有以下几点需要注意：首先，确保后端和前端代码分别位于不同的文件夹中，以保持项目整洁和易于管理；其次，在构建镜像时，要确保 Dockerfile 和相关的依赖文件都在正确的位置；最后，在运行容器时，要根据实际情况配置端口映射和数据卷挂载等参数。