docker部署前后端分离项目流程

### 使用 Docker 部署前后端分离项目的流程 #### 一、环境准备 在开始之前，需要准备好一台云服务器并完成基础配置。以阿里云轻量应用服务器为例[^1]。 - 安装操作系统（如 CentOS 或 Ubuntu）。 - 更新系统软件包： ```bash sudo apt update && sudo apt upgrade -y ``` #### 二、安装 Docker 和 Docker Compose 为了简化容器管理，推荐使用 Docker Compose 来编排服务。以下是具体操作： - **CentOS 下安装 Docker**： 执行以下命令来安装 Docker 及其依赖项[^3]: ```bash sudo yum install -y docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin ``` - 启动并设置 Docker 开机自启： ```bash sudo systemctl start docker sudo systemctl enable docker ``` - **验证 Docker 是否成功安装**： ```bash docker --version ``` - **安装 Docker Compose** (如果未集成)： 如果 `docker-compose` 插件不可用，则可以通过脚本手动下载最新版本[^2]： ```bash sudo curl -L "https://github.com/docker/compose/releases/download/v2.17.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose sudo chmod +x /usr/local/bin/docker-compose ``` #### 三、编写必要的文件 将项目所需的资源上传至指定路径 `/usr/local/your_project_name`，包括但不限于以下内容: 1. **后端 Spring Boot 应用程序** 将打包好的 JAR 文件放置于目标目录中，并创建对应的 `Dockerfile`： ```Dockerfile FROM openjdk:17-jdk-alpine VOLUME /tmp ARG DEPENDENCY=target/ COPY ${DEPENDENCY}/app.jar app.jar ENTRYPOINT ["java", "-jar", "/app.jar"] ``` 2. **前端 Vue.js 或 React 构建产物** 对静态页面进行构建处理后放入相同位置下的子文件夹内，同时定义另一个独立的 Nginx 映射规则用于代理访问请求[^4]: ```Dockerfile FROM nginx:alpine RUN rm /etc/nginx/conf.d/default.conf COPY ./dist /usr/share/nginx/html COPY default.conf /etc/nginx/conf.d/ EXPOSE 80 CMD ["nginx", "-g", "daemon off;"] ``` 3. **数据库 MySQL 的初始化 SQL 脚本** 4. 统一维护整个架构关系的服务清单描述文档——即 `docker-compose.yml`： ```yaml version: '3' services: db: image: mysql:5.7 environment: MYSQL_ROOT_PASSWORD: examplepassword MYSQL_DATABASE: mydatabase ports: - "3306:3306" volumes: - ./db_data:/var/lib/mysql backend: build: . depends_on: - db ports: - "8080:8080" frontend: build: ./frontend ports: - "80:80" ``` #### 四、启动服务 进入存储上述所有材料的目标工作区之后运行如下指令即可自动加载全部组件实例化完毕后的状态： ```bash cd /usr/local/your_project_name sudo docker-compose up -d ``` 此时应该能够通过浏览器输入公网 IP 地址直接查看到已经正常运作起来的应用界面效果了！ ---