C4部署图案例研究：高性能电子商务平台的部署架构

@startuml
!include https://static.visual-paradigm.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml

title 电子商务平台 - 生产环境的部署图

AddElementTag("fallback", $bgColor="#c0c0c0", $fontColor="#666666")
AddRelTag("fallback", $textColor="#c0c0c0", $lineColor="#438DD5")

Deployment_Node(deploymentnode_live, "电子商务生产环境", "生产环境", "位于西雅图的生产数据中心") {
AddProperty("位置", "西雅图，华盛顿州")
AddProperty("网络", "高速光纤")

Deployment_Node_L(deploymentnode_api_gateway, "api-gw-01", "Ubuntu 22.04 LTS", "用于将请求路由到后端服务的 API 网关。") {
AddProperty("流量", "每秒10,000+请求")
AddProperty("协议", "HTTP/2 和 gRPC")

Deployment_Node_L(deploymentnode_order_service, "订单服务", "Java Spring Boot", "处理订单创建、处理和履约。") {
Container(container_order, "订单管理", "Java 和 Spring Boot", "管理订单生命周期，包括创建、状态更新和交付。")
}

Deployment_Node_L(deploymentnode_product_service, "产品服务", "Go with Gin", "提供产品目录和搜索功能。") {
Container(container_product, "产品目录", "Go 和 Gin", "提供产品详情、价格和可用性信息。")
}
}

Deployment_Node_R(deploymentnode_db_primary, "db-prime-01", "Ubuntu 22.04 LTS", "主数据库服务器。") {
Deployment_Node_R(deploymentnode_postgresql_primary, "PostgreSQL - 主", "PostgreSQL 15", "主数据库，存储订单、产品和用户数据。") {
ContainerDb(container_db_primary, "数据库", "PostgreSQL 15", "存储订单历史、库存和产品目录。")
}
}

Deployment_Node_R(deploymentnode_db_secondary, "db-replica-02", "Ubuntu 22.04 LTS", "备用数据库服务器。", $tags="fallback") {
Deployment_Node_R(deploymentnode_postgresql_secondary, "PostgreSQL - 备用", "PostgreSQL 15", "故障转移时的备用副本。", $tags="fallback") {
ContainerDb(container_db_secondary, "数据库", "PostgreSQL 15", "主数据库的副本，用于读取扩展和灾难恢复。", $tags="fallback")
}
}

Deployment_Node_L(deploymentnode_cache_service, "cache-srv-01", "Redis 7.0", "缓存层，用于减少数据库负载。") {
Container(container_cache, "缓存层", "Redis 7.0", "存储频繁访问的产品和订单数据。")
}

Deployment_Node(deploymentnode_web_server, "web-srv-01", "Ubuntu 22.04 LTS", "前端 Web 服务器。") {
AddProperty("CORS", "已启用")
AddProperty("SSL", "已启用")

Deployment_Node(deploymentnode_nginx, "Nginx", "Nginx 1.25", "反向代理和负载均衡器。") {
Container(container_frontend, "前端应用", "React 和 Node.js", "提供购物车、产品页面和结账体验。")
}
}
}

Deployment_Node(deploymentnode_mobile_device, "客户移动设备", "iOS 或 Android") {
Container(container_mobile_app, "移动应用", "React Native", "在移动设备上提供购物、产品浏览和结账功能。")
}

Deployment_Node(deploymentnode_customer_computer, "客户计算机", "Windows 或 macOS") {
Deployment_Node(deploymentnode_browser, "Web 浏览器", "Chrome、Safari、Edge") {
Container(container_spa, "单页应用", "React 和 Redux", "通过 Web 浏览器提供完整的电子商务体验。")
}
}

Rel(container_mobile_app, container_order, "调用 API", "gRPC")
Rel(container_mobile_app, container_product, "调用 API", "gRPC")
Rel(container_spa, container_order, "调用 API", "HTTP/2")
Rel(container_spa, container_product, "调用 API", "HTTP/2")
Rel(container_order, container_db_primary, "读取和写入", "JDBC")
Rel(container_order, container_db_secondary, "读取和写入", "JDBC", $tags="fallback")
Rel(container_product, container_db_primary, "读取和写入", "JDBC")
Rel(container_product, container_db_secondary, "读取和写入", "JDBC", $tags="fallback")
Rel(container_cache, container_db_primary, "缓存数据来自", "Redis")
Rel(container_cache, container_product, "缓存数据来自", "Redis")
Rel_R(container_db_primary, container_db_secondary, "复制数据到")

SHOW_LEGEND()
@enduml