為什么要模擬服務(wù)器返回?cái)?shù)據(jù)
為了不受接口開發(fā)進(jìn)度影響倘待，前端需要不依賴后臺(tái)接口進(jìn)行功能開發(fā)。我們只需要讓后臺(tái)提供接口文檔组贺，然后我們根據(jù)接口文檔通過模擬數(shù)據(jù)返回完成功能開發(fā)凸舵。
例子
通過 獲取緊急聯(lián)系人列表 這個(gè)接口來看看如何實(shí)現(xiàn)模擬數(shù)據(jù)返回。
接口文檔
請(qǐng)求方式：POST
http://ip:port/Passenger/GetEmergencyContact
請(qǐng)求參數(shù)：
| 序號(hào) | 參數(shù)名 | 類型 | 必填 | 描述 |
|---|---|---|---|---|
| 1 | usertoken | string | 是 | 用戶token |
返回參數(shù)：
| 序號(hào) | 參數(shù)名 | 類型 | 必填 | 描述 |
|---|---|---|---|---|
| 1 | status | int | 是 | 0成功失尖，其他值出錯(cuò) |
| 2 | message | string | 否 | 描述信息 |
| 3 | ContactInfo | 是 | 緊急聯(lián)系人列表 | |
| 3.1 | ID | string | 是 | id |
| 3.2 | ContactName | string | 是 | 聯(lián)系人姓名 |
| 3.3 | ContactPhone | string | 是 | 聯(lián)系人號(hào)碼 |
返回示例
{
"ContactInfo": [{
"ID": 1,
"ContactName": "滴滴",
"ContactPhone": "13512345678"
},
{
"ID": 2,
"ContactName": "兔兔",
"ContactPhone": "12300000000"
},
{
"ID": 3,
"ContactName": "額額",
"ContactPhone": "54654644654"
}
],
"message": "請(qǐng)求成功,無異常",
"status": 0
}
通過 Fiddler 抓包修改返回內(nèi)容
啟動(dòng) Fiddler 并設(shè)置手機(jī)代理連接到本機(jī)啊奄，訪問接口得到如下：
抓包.png
因?yàn)楹笈_(tái)接口還沒開發(fā)，所以請(qǐng)求錯(cuò)誤掀潮，不過這對(duì)我們進(jìn)行模擬數(shù)據(jù)返回沒有影響菇夸。
以下介紹兩種方式進(jìn)行實(shí)現(xiàn)：
- 通過重定向到本地文件
- 通過重定向到 Easy Mock
通過指向本地文件模擬數(shù)據(jù)返回
- 根據(jù)接口提供的返回示例，編寫返回內(nèi)容的文件
接口返回的數(shù)據(jù).png
- 通過指向本地文件返回正確數(shù)據(jù)
重定向到本地文件.png
- 再次訪問接口得到正確數(shù)據(jù)
返回正確數(shù)據(jù).png
使用 Easy Mock 模擬數(shù)據(jù)返回
打開 Easy Mock官網(wǎng)仪吧，進(jìn)行注冊(cè)登錄
點(diǎn)擊右下角新建項(xiàng)目（這個(gè)按鈕是真難找庄新，找了半天...）
新建項(xiàng)目.png
新建項(xiàng)目1.png
- 創(chuàng)建接口
創(chuàng)建接口.png
- 完成接口創(chuàng)建
創(chuàng)建接口完成.png
- 通過 Fiddler 重定向剛創(chuàng)建的接口地址
重定向到mock地址.png
