架构图案例

本文目录导读：

1. 案例一：电商平台微服务架构图
2. 案例二：云计算网络拓扑图
3. 案例三：物联网（IoT）数据流架构图
4. 如何自己画架构图？
5. 风格建议：

电商平台微服务架构图

场景：展示一个典型电商平台的前后端分离、微服务化架构。

核心组件：

• 客户端（Web, App）
• 负载均衡/API网关（如Nginx, Kong）
• 业务服务（用户、商品、订单、支付）
• 数据层（主从数据库、缓存、消息队列）

Mermaid 代码：

graph TD
    subgraph 客户端
        A[Web浏览器] & B[移动App] & C[第三方API]
    end
    subgraph 接入层
        D[CDN] --> E[Nginx反向代理/负载均衡]
        F[安全防火墙]
    end
    subgraph 网关层
        G[API网关<br>认证/限流/路由]
    end
    subgraph 微服务集群
        H[用户服务] --> I[商品服务] --> J[订单服务] --> K[支付服务]
        L[促销服务] & M[物流服务]
    end
    subgraph 中间件
        N[RabbitMQ<br>消息队列] & O[ElasticSearch<br>搜索引擎] & P[Redis<br>缓存]
    end
    subgraph 数据存储
        Q[(MySQL主库)] --> R[(MySQL从库1)] & S[(从库2)]
        T[对象存储OSS]
    end
    subgraph 监控与运维
        U[Prometheus监控] & V[ELK日志收集]
    end
    A & B & C --> D
    E --> F --> G
    G --> H & I & J & K & L & M
    H & I & J --> N & O & P
    H & I & J --> Q
    N --> Q
    O --> T
    U & V -.-> 微服务集群

架构图说明：

• 分层清晰：客户端 -> 接入层 -> 网关层 -> 业务层 -> 数据层。
• 服务治理：API网关统一入口，微服务独立部署。
• 高并发处理：CDN加速静态资源，Redis缓存热点数据，MQ异步处理订单。

云计算网络拓扑图

场景：展示一个企业混合云架构（AWS/阿里云/腾讯云），涉及VPC、子网、安全组。

核心组件：

• 本地数据中心（IDC）
• 云上VPC（公网子网、私网子网、数据库子网）
• VPN/专线连接
• 云服务（负载均衡、ECS、RDS、对象存储）

Mermaid 代码：

graph TB
    subgraph 本地IDC
        A[企业路由器] --> B[防火墙]
        B --> C[内部服务器集群]
    end
    subgraph 云上VPC
        subgraph 公有子网 DMZ
            D[弹性负载均衡ELB] --> E[Web服务器组 1]
            D --> F[Web服务器组 2]
        end
        subgraph 私有子网 App
            G[应用服务器组 1] & H[应用服务器组 2]
        end
        subgraph 数据子网 DB
            I[(主数据库RDS)] --> J[(备库RDS)]
            K[Redis缓存集群]
        end
        L[对象存储OSS]
    end
    subgraph 监控与安全
        M[云监控] & N[密钥管理KMS] & O[WAF Web防火墙]
    end
    A -- VPN/专线 --> B
    O --> D
    E --> G & H
    G & H --> I & K
    应用服务器组 1 & 应用服务器组 2 --> L
    M & N -.-> E & G & I
    style A fill:#f9f,stroke:#333
    style I fill:#f96,stroke:#333
    style L fill:#69f,stroke:#333

架构图说明：

• 网络隔离：通过公有子网（暴露Web）、私有子网（存放App）、数据子网（隔离DB）实现安全区域划分。
• 高可用：ELB分发流量，数据库主备切换。
• 混合云：通过VPN或专线连接本地IDC和云上资源。

物联网（IoT）数据流架构图

场景：展示设备端到云端的数据采集、处理、存储与可视化流程。

核心组件：

• 设备端（传感器、网关）
• 网络传输（MQTT协议）
• 云端（消息队列、流处理、大数据存储）
• 应用端（仪表盘、告警、AI模型）

Mermaid 代码：

flowchart LR
    subgraph 设备层
        A[温湿度传感器] & B[智能电表] & C[摄像头] --> D[工业网关/边缘节点]
    end
    subgraph 传输层
        D -- MQTT/TCP --> E[IoT Hub]
    end
    subgraph 数据处理层
        E --> F[消息队列 Kafka]
        F --> G[流处理引擎 Flink]
        F --> H[数据清洗/转换]
    end
    subgraph 存储层
        G --> I[时序数据库 InfluxDB]
        G --> J[冷数据存储 HDFS/OSS]
        G --> K[历史数据库]
    end
    subgraph 应用与AI层
        I --> L[实时仪表盘 Grafana]
        I --> M[规则引擎/告警服务]
        K --> N[机器学习训练]
        N --> O[预测模型]
        O --> L
    end
    subgraph 运维控制
        P[设备管理后台] --> A & B & C
    end
    style A fill:#ccf,stroke:#333
    style D fill:#fcf,stroke:#333
    style G fill:#f66,stroke:#333
    style L fill:#6f9,stroke:#333

架构图说明：

• 端-边-云：设备通过边缘网关预处理数据，降低云端压力。
• 实时与批量：Flink处理实时流（告警、监控），HDFS存储冷数据用于离线训练。
• 数据闭环：AI模型训练后反哺给实时仪表盘，指导决策。

如何自己画架构图？

如果你需要自己画架构图,推荐使用以下工具：

1. Mermaid（代码绘图）：适合嵌入文档，快速迭代，支持：Markdown编辑器（Typora, Obsidian）、GitHub、Notion。
2. Draw.io (diagrams.net)：免费、功能强、适合拖拽式操作，支持本地和云端保存。
3. Excalidraw：手绘风格，适合白板协作，轻松画出漂亮但非精确的架构图。
4. 专业工具：ProcessOn、Visio（微软）、Lucidchart（团队协作）。

风格建议：

• 色块分区：用颜色区分不同层级（如：蓝色=用户端，绿色=服务端，橙色=数据存储）。
• 箭头说明：标明协议（HTTP、RPC、MQTT）或数据流向（同步、异步）。
• 逻辑清晰：从左到右或从上到下，遵循“输入 -> 处理 -> 输出”的逻辑。

需要我帮你把某个特定系统绘制成架构图吗？你可以提供系统描述（一个在线教育平台，一个监控系统等）。