前后端分离项目部署架构详解

前后端分离项目部署架构详解：从本地开发到生产环境实战

作为一名经历过多个前后端分离项目部署的开发者，我深知一个合理的部署架构对项目稳定性和可维护性的重要性。今天就来分享我在实际项目中总结的部署方案，包含踩过的坑和最佳实践。

一、基础架构设计

前后端分离项目通常采用以下架构：前端静态资源部署在CDN或Web服务器，后端API部署在应用服务器，数据库和缓存等服务独立部署。

我推荐的基础架构包含：

• 前端：Nginx + 静态资源
• 后端：Spring Boot/Django/Node.js 应用
• 数据库：MySQL/PostgreSQL
• 缓存：Redis
• 负载均衡：Nginx/Haproxy

二、前端部署实战

前端项目构建后生成静态文件，部署到Nginx服务器。这里有个坑要注意：路由配置不当会导致刷新页面404。

Nginx配置示例：

server {
    listen 80;
    server_name yourdomain.com;
    root /var/www/dist;
    index index.html;
    
    # 处理前端路由
    location / {
        try_files $uri $uri/ /index.html;
    }
    
    # API代理到后端
    location /api/ {
        proxy_pass http://backend-server:8080;
        proxy_set_header Host $host;
    }
}

部署脚本示例：

#!/bin/bash
# 构建前端项目
npm run build

# 备份旧版本
tar -czf frontend-backup-$(date +%Y%m%d).tar.gz /var/www/dist

# 部署新版本
rm -rf /var/www/dist/*
cp -r dist/* /var/www/dist/

# 重启Nginx
nginx -s reload

三、后端部署方案

后端部署我推荐使用Docker容器化部署，配合健康检查确保服务可用性。

Dockerfile示例：

FROM openjdk:8-jre-alpine
WORKDIR /app
COPY target/app.jar app.jar
EXPOSE 8080
HEALTHCHECK --interval=30s --timeout=3s 
  CMD curl -f http://localhost:8080/actuator/health || exit 1
ENTRYPOINT ["java", "-jar", "app.jar"]

使用Docker Compose编排服务：

version: '3'
services:
  backend:
    build: .
    ports:
      - "8080:8080"
    depends_on:
      - mysql
      - redis
    environment:
      - SPRING_PROFILES_ACTIVE=prod
  
  mysql:
    image: mysql:5.7
    environment:
      MYSQL_ROOT_PASSWORD: yourpassword
  
  redis:
    image: redis:alpine

四、数据库部署与备份

生产环境数据库一定要配置主从复制和定期备份。我吃过数据丢失的亏，现在都配置自动备份。

备份脚本示例：

#!/bin/bash
# 数据库备份
mysqldump -u root -p$MYSQL_PASSWORD mydb | gzip > /backup/mydb-$(date +%Y%m%d).sql.gz

# 保留最近7天备份
find /backup -name "mydb-*.sql.gz" -mtime +7 -delete

五、持续集成与部署

使用Jenkins或GitLab CI实现自动化部署，这是我强烈推荐的做法，能大大减少人为错误。

GitLab CI配置示例：

stages:
  - build
  - test
  - deploy

build_frontend:
  stage: build
  script:
    - npm install
    - npm run build
  artifacts:
    paths:
      - dist/

deploy_production:
  stage: deploy
  script:
    - scp -r dist/* user@server:/var/www/dist/
    - ssh user@server "cd /app && docker-compose up -d"
  only:
    - main

六、监控与日志

部署完成后，监控系统运行状态至关重要。我通常使用Prometheus + Grafana监控系统指标，ELK收集日志。

应用日志配置示例：

{
  "logging": {
    "level": "INFO",
    "file": "/var/log/app/app.log",
    "maxSize": "100MB",
    "maxBackups": 10
  }
}

通过这套部署架构，我成功部署了多个生产项目，系统稳定性和可维护性都得到了很大提升。希望这些经验对你有所帮助！