title: 后臺(tái)開發(fā)慢？教你自己模擬API
date: 2017-01-12 08:18:12
tags: [Charles, API]
category: program

是否還在苦惱后臺(tái)的兄弟開發(fā)慢，導(dǎo)致開發(fā)無法進(jìn)行？

下面介紹在本地模擬 API 的方式

使用 Charles 模擬 API

前提：安裝好 Charles，并且抓包功能正常運(yùn)行。

步驟1

在網(wǎng)頁中打開一個(gè)需要模擬的 API 地址，比如：http://123.123.123.123/haha

可以看到 Charles 中：

Charles-mock-api0

步驟2 建立需要的請求返回結(jié)果

/Users/double/Desktop/apidemo:

{
    "result": { 本地 API 文件
        "songs": [{
            "rtUrls": [],
            "ar": [{
                "id": 1000
                "name": "Shawee"
            }, {
                "id": 896274,
                "name": "mAjorHon"
            }],
            "al": {
                "id": 35091382,
                "name": "簡單點(diǎn) (Easier)",
                "pic_str": "109951162832212843",
                "pic": 109951162832212843
            },
            "st": 0,
....

步驟2 設(shè)置 Map Local

在 Charles 目標(biāo)請求中 右擊 選擇 Map Local:

Charles-mock-api1

出現(xiàn)窗口設(shè)置 API：

Charles-mock-api2

在上圖， Map to Local path 中設(shè)置本地的 API 文件（json數(shù)據(jù)），點(diǎn)擊 OK

網(wǎng)頁請求 http://123.123.123.123/haha 就會(huì)返回 apidemo 中的數(shù)據(jù)

最后管理設(shè)置的 Map Local API：

Charles-mock-api3

使用 json server

https://github.com/typicode/json-server

json server 可視化界面：https://github.com/naholyr/json-server-gui

參考：

• http://www.wangyuwei.me/2017/01/04/%E6%89%8B%E6%91%B8%E6%89%8B%E5%B8%A6%E4%BD%A0mock-api/