在前后端分離的開發模式中，JSON Mock 工具為前端開發人員在后端接口未就緒時提供了極大便利，能夠模擬返回 JSON 數據的 API 接口，實現前端獨立開發與測試。而 API 開發調試工具 作為一款強大的接口測試工具，可進一步對這些 Mock 接口進行驗證，確保其準確性與可靠性。以下將詳細介紹如何使用此工具驗證 JSON Mock 接口是否符合預期，覆蓋無參請求和基礎響應校驗。
一、場景背景
我們通過 JSON Mock 工具?配置了一個模擬商品信息的接口：
- 請求方法：
POST - 接口地址：
https://json_api.doctormz.com/mock/xxx... - 響應數據：返回索尼品牌的商品信息（含?
brand、foundedYear、productTypes?等字段 ）
二、驗證步驟
1. 基礎配置：新建請求
- 打開 API 開發調試工具，點擊左側?
+?新建請求，選擇?POST?方法。 - 粘貼接口地址到?
URL?欄：https://json_api.doctormz.com/mock/xxx...
2. 設置請求體（Body）
因為接口配置了?application/json?格式，需在 API 開發調試工具?中：
- 切換到?
Body?標簽? →??Content-Type?類型選application/json。
- 填入請求參數（當前接口使用無參，傳空對象?
{}?即可 ：{}
3. 發送請求 & 校驗響應
點擊?Send?發送請求，查看響應區域：
（1）狀態碼驗證
- 檢查?
Status?顯示?200 OK，說明接口正常響應。
（2）響應體結構驗證
- 展開?
Body，確認返回 JSON 包含預設字段：{"brand": "索尼","foundedYear": "1946","productTypes1": {"type": "電子產品","price": 5000,"description": "隨機句子..."},"productTypes2": {"type": "娛樂設備","price": "8000"} }
- 驗證?
brand?是否為?索尼、foundedYear?是否為?1946； - 檢查 字段值是否一致；
- 確認?
description?是隨機字符串（符合?@sentence?規則 ）。
- 驗證?
4. 進階驗證：動態數據與異常模擬
（1）動態數據校驗
- 修改 JSON Mock 配置，讓?
productTypes1.price?用?@integer(60, 100)?生成 60-100 的隨機數；
- 多次發送請求，檢查?
price?是否在預期范圍（如 60≤price≤100 ）。
（2）異常場景測試
- 在 JSON Mock 工具中，修改接口狀態碼為?
500，再次用 Postman（API 開發調試工具） 發送請求； - 檢查響應狀態碼是否變為?
500，驗證前端錯誤處理邏輯（如提示 “服務器異常” ）。
三、驗證結論
通過 API 開發調試工具 測試：
- 接口可正常接收?
POST?請求，返回?200 OK； - 響應體結構與 JSON Mock 配置一致，動態數據（如隨機價格、描述 ）生成符合預期；
- 可擴展異常場景測試，驗證接口容錯性。
四、關鍵價值
API 開發調試工具 作為接口調試 “瑞士軍刀”，能：
- 快速驗證：無需寫代碼，直接發送請求校驗接口響應；
- 覆蓋全場景：支持無參 / 有參、正常 / 異常請求，適配 JSON Mock 所有配置；
- 前后端協同：將API 開發調試工具所測試的用例分享給后端，明確接口需求，減少聯調摩擦。
?
)
)
