cloud

cloud

熱門

使用 PlantUML 語法搭配官方 AWS、Azure、GCP 及阿里雲服務圖示,建立雲端供應商架構圖。最適合多服務雲端拓撲與遷移藍圖。

3099星標
177分支
更新於 2026/5/26
SKILL.md
唯讀
名稱
cloud
描述

使用 PlantUML 語法搭配官方 AWS、Azure、GCP 及阿里雲服務圖示,建立雲端供應商架構圖。最適合多服務雲端拓撲與遷移藍圖。

雲端架構圖產生器

快速開始: 選擇雲端供應商 → 宣告模板圖示 → 分組至 VPC/區域範圍 → 使用箭頭語法連接 → 包裹在 ```plantuml 程式碼區塊中。

⚠️ 重要: 務必使用 ```plantuml```puml 程式碼區塊。絕對不要使用 ```text — 否則不會顯示為圖表。

關鍵規則

  • 每個圖表以 @startuml 開頭,以 @enduml 結尾
  • 使用 left to right direction 呈現典型雲端架構(資料流由左至右)
  • 使用 mxgraph.* 模板語法來引用雲端服務圖示
  • 預設顏色會自動套用 — 您無需指定 fillColorstrokeColor
  • 使用 rectangle "VPC" { ... }package "Region" { ... } 作為雲端容器
  • 使用 cloud "Name" { ... } 作為雲端邊界形狀
  • 有向流程使用 -->,非同步/事件驅動流程使用 ..>(虛線)

完整模板參考: 請參閱 stencils/README.md 取得 9500 多個可用圖示。

Mxgraph 模板語法

mxgraph.<provider>.<icon> "Label" as <alias>

常見雲端模板系列

系列 前綴 典型圖示
AWS mxgraph.aws4.* lambda_function, ec2, rds_instance, s3, api_gateway, cloudfront, dynamodb
Azure mxgraph.azure.* virtual_machine, azure_load_balancer, sql_database, azure_active_directory, storage
GCP mxgraph.gcp2.* compute_engine_2, cloud, process, repository, cloud_monitoring
Alibaba mxgraph.alibaba_cloud.* ecs_elastic_compute_service, slb_server_load_balancer_01, polardb, oss_object_storage_service
IBM mxgraph.ibm_cloud.* ibm-cloud--kubernetes-service, load-balancer--application, database--postgresql
Kubernetes mxgraph.kubernetes.* pod, svc, deploy, ing, sts, pvc, cm, secret
OpenStack mxgraph.openstack.* nova_server, neutron_router, cinder_volume, swift_container

連線類型

語法 意義 使用情境
A --> B 實線箭頭 同步 API 呼叫 / 資料流
A ..> B 虛線箭頭 非同步事件 / 觸發 / 複寫
A -- B 實線無箭頭 實體 / 雙向連結
A --> B : "label" 標籤連線 描述資料流

快速範例

@startuml
left to right direction
mxgraph.aws4.users "Users" as users
mxgraph.aws4.cloudfront "CloudFront" as cf
mxgraph.aws4.application_load_balancer "ALB" as alb

rectangle "VPC" {
  mxgraph.aws4.ec2 "EC2" as ec2
  mxgraph.aws4.rds_instance "RDS" as rds
}

users --> cf
cf --> alb
alb --> ec2
ec2 --> rds
@enduml

雲端架構類型

類型 用途 關鍵模板 範例
AWS Amazon Web Services mxgraph.aws4.* aws-basic.md
AWS Serverless 事件驅動無伺服器 mxgraph.aws4.* aws-serverless.md
Azure Microsoft Azure mxgraph.azure.* azure-hybrid-network.md
GCP Google Cloud Platform mxgraph.gcp2.* gcp-log-processing.md
Alibaba Cloud 阿里雲 mxgraph.alibaba_cloud.* alibaba-web-app.md
IBM Cloud IBM Cloud mxgraph.ibm_cloud.* ibm-kubernetes.md
Kubernetes 容器編排 mxgraph.kubernetes.* kubernetes-microservices.md
OpenStack 私有雲 mxgraph.openstack.* openstack-basic.md