看看實際效果
CI/CD 管線圖範例。
同一款工具，四種需求。下方每張圖都是實際產生的成果。
輸入內容
建立 CI/CD 管線：提交程式碼後，建置應用程式成品、執行自動化測試和安全性掃描、部署至預備環境、執行冒煙測試、取得發布核准、部署至正式環境，並檢查正式環境的健康狀態。測試失敗時，導向修正程式碼並再次提交；安全性檢查失敗時，導向修復；核准遭拒時，暫停發布；正式環境健康檢查失敗時，執行回復。
接著試試在安全性掃描後加入成品簽署步驟。在部署至預備環境前加入資料庫遷移檢查。
流程圖 · Sugiyama layered DAG + orthogonal routing · schematex-flowchart
產生的圖表
什麼是 CI/CD 管線圖？
CI/CD 管線圖呈現變更從原始碼到部署發布版本所經過的自動化與手動階段。常見階段包括建置、測試、安全性檢查、預備環境、核准、正式環境部署和回復。
這種圖表能清楚呈現發布關卡和失敗路徑，方便團隊了解測試失敗時的處理方式、由誰核准部署，以及在哪個階段可以停止或回復發布。
- Standard
- Sugiyama layered DAG + orthogonal routing
- Engine
- schematex-flowchart
- Editable
- Double-click text, drag nodes
- Export
- SVG · PNG · PDF
適用對象
CI/CD 管線圖的用途。
記錄或檢視部署自動化時，呈現發布階段與關卡。
呈現分階段的功能發布流程、監控方式，以及明確的停用發布路徑。
呈現建置、測試、核准與部署的順序，協助新成員熟悉發布流程。
運作方式
三個步驟製作 CI/CD 管線圖。
01
描述需求
寫一段話就能開始。
“建立 CI/CD 管線：提交程式碼後，建置應用程式成品、執行自動化測試和安全性掃描、部署至預備環境、執行冒煙測試、取得發布核准、部署至正式環境，並檢查正式環境的健康狀態。測試失敗時，導向修正程式碼並再次提交；安全性檢查失敗時，導向修復；核准遭拒時，暫停發布；正式環境健康檢查失敗時，執行回復。”
02
查看圖表
由合適的繪圖引擎產生。
03
提出修改
每次修改都會保留版本。
在安全性掃描後加入成品簽署步驟。
V2 · DRAWN FROM V1, NOTHING RETYPED常見問題
常見問題
CI/CD 是什麼意思？
持續整合會頻繁合併程式碼變更，並透過自動化建置和測試進行驗證。持續交付或持續部署則透過可重複執行的管線，將通過驗證的變更推進至正式環境。
CI/CD 管線圖應包含哪些內容？
請納入觸發條件、建置、測試階段、品質或安全性關卡、部署環境、核准、監控，以及階段失敗時的處理方式。
為什麼管線圖要呈現失敗路徑？
失敗路徑能讓發布流程更貼近實際作業情境，呈現團隊會修正後重試、暫停發布、停用功能，或回復版本。
什麼是藍綠部署？
藍綠部署會讓新版本與目前版本並行運作，檢查通過後再切換流量。若新版本發生問題，也能將流量切回原版本。
相關工具
