從「手動跑 k6 + 看 Grafana」到「一鍵壓測 + 自動告訴你瓶頸在哪」的進化過程。


Context


Challenge


Architecture

Web UI (Next.js 15)
    → API Server (Express + TS)
        → k6 (壓測引擎)
        → PostgreSQL (設定/報告)
        → InfluxDB (metrics)
    ← WebSocket (即時監控)
    ← Grafana (視覺化)

規則引擎設計

跨框架比較機制

即時監控


Key Technical Decisions

DecisionOptions ConsideredChosenWhy
壓測引擎k6
Metrics 儲存InfluxDB
規則引擎自建 rule engine
UI 框架Next.js 15

Results


Learnings



← Back to Portfolio