API Mock 與整合測試設計指令

黃黃柏睿・技術編輯 ·被複製 340 次·最後更新 2026/06/09

適用模型ClaudeChatGPT

一句話結論快速建立 API Mock 伺服器，讓前後端可以獨立平行開發與整合測試。

指令介紹

前後端並行開發時，後端 API 還沒好，前端就卡住了；整合測試又因為依賴真實 API 而不穩定。這組指令會依你的 API 規格，設計 Mock Server 方案，產出 MSW（Mock Service Worker）或 json-server 設定，並規劃整合測試策略，讓開發解耦、測試穩定，團隊效率大幅提升。

適用情境

前後端並行開發整合測試穩定化CI Mock 設定API 錯誤情境測試

懶人貼上・複製就能用

已填好範例複製就能直接用

帶去 Claude 帶去 ChatGPT

▸ 想換成你自己的內容？點開填一填選填

API 規格描述

Mock 工具偏好

測試情境

⬇ 匯出此指令 CSV

AI 指令庫編輯的話

編輯實測指令涵蓋「Mock handlers 加錯誤情境加 CI 加切換策略」，前後端解耦開發不再卡等。這組「API Mock 與整合測試設計指令」是 Prompts 編輯團隊實測整理的程式 AI 指令（Prompt），適合用 Claude、ChatGPT 執行。複製上方指令範本即可使用，免費、免註冊。

模型實測對照

產出 MSW handlers：rest.get('/api/users', resolver 回傳假資料）；rest.post('/api/orders', 含認證 header 檢查）；rest.get('/api/orders/:id', 依 id 決定 200 或 404）。錯誤情境：NetworkError 模擬超時。CI：setupServer() 在 beforeAll 啟動。切換真實 API：環境變數 MOCK_API=false 自動略過 handlers。

實測（Claude）：handlers 加錯誤情境加 CI 設定加切換策略，整合最完整。

產出 MSW Mock 設定含 handlers 與測試腳本骨架。

實測（ChatGPT）：快速可用，適合前端獨立開發。