看看實際效果
架構圖範例
同一款工具，四種需求。下方每張圖都是實際產生的成果。
輸入內容
建立 SaaS 平台架構，包含網頁與行動裝置使用者、API 閘道、身分識別、租戶與計費服務、租戶資料庫及事件佇列。
接著試試新增連接至事件佇列的通知服務。將租戶資料庫變更為多區域資料庫。
控制系統方塊圖 · Ogata / standard controls textbook convention · schematex-blockdiagram
產生的圖表
什麼是架構圖
架構圖是以高階方式繪製系統重要部分及其連線的圖。它會為每個服務、應用程式、資料儲存區或外部角色加上名稱區塊，讓讀者不必閱讀實作程式碼也能了解系統結構。
用它來決定對讀者而言重要的邊界與職責。單一視圖可以呈現產品平台、資料流或部署邊界；只有在需要檢視特定介面或元件時，才加入較低層級的圖。
- Standard
- Ogata / standard controls textbook convention
- Engine
- schematex-blockdiagram
- Editable
- Double-click text, drag nodes
- Export
- SVG · PNG · PDF
適用對象
誰會使用架構圖
說明產品平台中的入口、服務邊界、資料儲存區及非同步工作。
展示營運來源如何轉換為受治理的資料、儀表板及機器學習輸入。
辨識網頁系統的公開邊界、身分控制、應用程式服務及稽核路徑。
運作方式
三步驟建立架構圖
01
描述需求
寫一段話就能開始。
“建立 SaaS 平台架構，包含網頁與行動裝置使用者、API 閘道、身分識別、租戶與計費服務、租戶資料庫及事件佇列。”
02
查看圖表
由合適的繪圖引擎產生。
03
提出修改
每次修改都會保留版本。
新增連接至事件佇列的通知服務。
V2 · DRAWN FROM V1, NOTHING RETYPED常見問題
常見問題
什麼是架構圖？
以高階方式呈現系統主要元件及其關係的圖。它可以包含應用程式、服務、資料儲存區、使用者及外部系統。
架構圖應包含哪些內容？
納入解決目前問題所需的元件、其邊界、重要資料儲存區，以及能說明請求、資料或事件的連線。
架構圖應該多詳細？
維持在同一個抽象層級。利害關係人概覽可以呈現服務與資料庫，而設計審查可能需要介面與部署邊界。
架構圖和流程圖一樣嗎？
不一樣。架構圖著重系統的各個部分及其連接方式；流程圖則著重流程步驟與決策的順序。
相關工具
