什麼是架構圖？
架構圖視覺化軟體系統、雲端基礎設施和技術環境的結構。它們使用標準圖示和符號展示服務、資料庫、網路及其互聯。架構圖對於系統設計、雲端部署規劃、基礎設施文件以及向工程團隊傳達技術決策至關重要。
編輯與預覽
使用 Mermaid 語法創建 架構圖，即時查看效果。
Example
Architecture diagram example
A Mermaid architecture diagram for a browser editor, renderer, and exported PNG file.
Mermaid code
architecture-beta
group app(cloud)[Mermaid Editor]
service browser(internet)[Browser] in app
service editor(server)[Editor UI] in app
service renderer(server)[Mermaid Renderer] in app
service file(disk)[PNG File]
browser:R --> L:editor
editor:R --> L:renderer
renderer:B --> T:file常見使用場景
雲端基礎設施設計
規劃 AWS、Azure 或 GCP 部署。在佈建之前視覺化服務、網路、儲存和運算資源。
微服務架構
映射服務邊界、API 閘道、訊息佇列和資料儲存。記錄微服務之間的通訊和依賴關係。
系統文件
建立生產系統的活文件。幫助新團隊成員理解基礎設施和服務拓撲。
安全架構
視覺化安全邊界、認證流程和網路分段。記錄安全控制及其部署位置。
核心功能
服務圖示
使用資料庫、伺服器、雲端服務和網路元件等常見服務的標準圖示。
服務分組
將相關服務分組到命名組中，展示邏輯邊界、VPC 或組織單元。
連線類型
使用標籤顯示服務之間的方向性連線，描述通訊協定或資料流。
分層佈局
將服務按層排列（展示層、業務邏輯層、資料層），清晰展示架構層級。
最佳實踐
展示適當的細節層級
根據受眾匹配細節層級。高層管理需要概覽圖；工程師需要具體的服務細節。
使用標準圖示
使用公認的服務和基礎設施圖示。這使技術受眾能立即理解圖表。
分組相關服務
使用視覺分組展示服務邊界、網路區域或部署環境。
保持更新
架構圖與實際偏離時會失去價值。將更新作為部署流程的一部分。
探索其他圖表類型
流程圖
使用節點和方向箭頭視覺化流程、工作流程和演算法。非常適合商業流程和決策樹。
時序圖
記錄不同角色或系統之間隨時間的互動。適用於 API 文件和系統設計。
類別圖
以類別、屬性和關係建模物件導向系統。軟體架構規劃不可或缺的工具。
狀態圖
呈現系統或應用程式中的狀態轉換。非常適合建模生命週期狀態和工作流程。
甘特圖
規劃和追蹤專案時程及任務依賴關係。非常適合專案管理和排程。
ER 圖
設計包含實體和關係的資料庫架構。適用於資料庫建模和文件。
使用者旅程
繪製使用者在各接觸點的體驗和互動。非常適合 UX 設計和顧客旅程分析。
Git 圖
視覺化 Git 分支策略和提交歷史。有助於說明版本控制工作流程。
心智圖
組織創意、腦力激盪和建立層次化視覺結構。適合規劃和知識管理。
圓餅圖
以圓形圖表展示資料比例分布。適合顯示百分比和市場份額分析。
時間線
沿時間軸視覺化事件和里程碑。適合專案歷史和路線圖展示。
看板
將任務按工作流階段組織到欄中。適合敏捷專案管理和任務追蹤。
四象限圖
在雙軸網格上繪製項目進行比較和優先順序排定。適合功能優先順序和策略分析。
桑基圖
用比例箭頭視覺化節點間的流量。適合能源流、預算分配和轉化漏斗。
XY 圖表
建立帶有可自訂座標軸的長條圖和折線圖。適合資料視覺化和趨勢分析。
區塊圖
用行列排列的區塊建構結構化佈局。適合系統架構和元件概覽。
封包圖
視覺化網路協定封包結構和位元級欄位佈局。適合網路協定文件。