**1、介紹**

此前，接口管理采用的常用解決方案如：

- 使用 Swagger 管理 API 文檔
- 使用 Postman 調試 API
- 使用 mockjs 等工具 Mock API 數據
- 使用 JMeter 做 API 自動化測試

但是上述的管理方案存在很多問題，如：維護不同工具之間數據一致性非常困難、低效。并且這里不僅僅是工作量的問題，更大的問題是多個系統之間數據不一致，導致協作低效、頻繁出問題，讓開發測試人員痛苦不堪。

Apifox 是 API 文檔、API 調試、API Mock、API 自動化測試一體化協作平臺，**定位 Postman + Swagger + Mock + JMeter**。通過一套系統、一份數據，解決多個系統之間的數據同步問題。只要定義好 API 文檔，API 調試、API 數據 Mock、API 自動化測試就可以直接使用，無需再次定義；API 文檔和 API 開發調試使用同一個工具，API 調試完成后即可保證和 API 文檔定義完全一致。高效、及時、準確！

## **2.1、新建項目**

在`團隊`欄目下，點擊`新建項目`，在彈出的對話框中填入合適的內容后點擊`保存`按鈕：

隨后點擊剛才創建的項目名稱進入項目：

進入項目后可以根據實際的開發需要決定是否新建分組來做接口分類：

例如，按照功能模塊分類，則效果如下：

Apifox允許支持多級分組，如果需要繼續分組，可以在已有的分組后方點擊`...`繼續選擇`新建子分組`。

## **2.2、使用Apifox來mock數據**

在項目的開發過程中，后端因為工作量大，往往不能及時的給到接口給前端做研發調試，前端經常需要自己去mock數據來進行本地的研發。雖然可以采用mockjs來制造假數據，但對于新手來講難度較大，上手比較困難，在Apifox下，mock數據的操作就比較簡單了。接下來我們以`用戶管理`模塊為例，制作一個`用戶列表`的mock數據模型。

步驟1：在`數據模型`選項卡下，新建`用戶管理`分組，用來與`用戶管理`接口對應

步驟2：新建`用戶列表`數據模型

> 數據模型：描述接口返回數據格式的一種方式，在與后端對接完接口設計規范后即可產出。

例如，我們與后端對接要求`用戶列表`接口需要返回以下基本信息：

```json
{
    "desc": "操作成功",
    "code": 200,
    "data": [
        {
            "id": "1",
            "name": "1號用戶",
            "mobile": "13312345678",
            "email": "airchina@website.com",
            "gender": 1,
            "status": 1,
            "head_img":""
        }
    ]
}
```

那么我可以根據上述的json在Apifox中按照如下方式進行數據模型的創建：

> 小提示：這里我們可以通過軟件界面中`JSON/XML智能識別/快捷導入`功能來快速生成基本結構，然后根據需要做出適當的調整得到以下效果。

由于列表中的記錄數往往比較多，這里我們還可以設置`data`中`items`的數量范圍，在`data`節點后面點擊小齒輪圖表，然后根據需要輸入數量范圍：

隨后點擊`預覽`檢查生成結果是否正確，如下則正常：

最后，當一個數據模型設計完畢后，記得點擊右上角的`保存`按鈕。

## **2.3、接口設計與調試**

在有數據模型后，我們還需要進行本地接口設計，確保數據模型可以使用。

步驟1：進入`接口管理`選項卡，在對應的分組后面，點擊`+`來新建接口，并將環境切換為`Mock服務`，在本界面填入接口的基本信息，隨后點擊`保存`按鈕

步驟2：點擊`修改文檔`，將返回的`根節點`改為與之對應的數據模型（根據實際情況，修改請求頭和參數信息）

步驟3：點擊`修改文檔`底部的`創建示例`按鈕，選擇成功示例，點擊`確定`，再點擊右上角`保存`來完善接口文檔

步驟4：接口調試

如果該步驟能夠成功返回數據，那么我們就可以在Vue或React等開發環境中先使用`實際請求`中的`請求URL`進行AJAX請求來獲取模擬的業務數據，該地址支持跨域請求：

上述地址在瀏覽器中的請求效果：

## **2.4、接口分享**

Apifox還支持將寫好的接口分享給其他人，這樣就很方便將資源進行共享了。

**3、寫在最后**

Apifox這款開發神器，功能遠遠不僅僅只是快速Mock數據，其還支持很多開發中實用的功能，例如：前置操作、后置操作、持續集成、代碼生成等，它還有更多的功能等著你去發現！更多關于“web前端培訓”的問題，歡迎咨詢千鋒教育在線名師。千鋒已有十余年的培訓經驗，課程大綱更科學更專業，有針對零基礎的就業班，有針對想提升技術的提升班，高品質課程助理你實現夢想。