一、功能簡介

快速簡單的使用Mockjs對接口數(shù)據進行模擬，生成在線API。

? 有些時候當你在進行開發(fā)時，你需要的后端接口可能還沒有完成對于開發(fā)所需要的支持。我們需要一個模擬API提供一些偽造數(shù)據來模擬真實環(huán)境下的APP使用場景。這就是我們?yōu)槭裁葱枰MREST API的原因，開發(fā)者一般會使用如json-server，express等來搭建Web Server來實現(xiàn)模擬所需要的數(shù)據，當然這種方式功能更加全面，但多少還是有點繁瑣耗時的，對于一般的列表類數(shù)據，該工具可以很快的模擬你想要的數(shù)據并生成一個在線API提供給你進行開發(fā)測試。

網頁版 mockjsonapi

Mac桌面版：模擬記錄編輯保存等，速度更快，網頁引用了較多的js，css

下載地址： MockJSON1.0.0.dmg (大小719KB)

? 本工具基于mockjs，jsonblob實現(xiàn)，你只需要掌握mockjs的使用，即可分分鐘編寫一個JSONApi。

mockjs的編寫規(guī)則非常簡單，和JSON規(guī)則一樣。

二、如何使用

1、編寫正確的mock規(guī)則               
2、提交規(guī)則生成JSON數(shù)據和在線API

tmp268b5eed

JSONAPI：https://jsonblob.com/api/jsonBlob/d9bfbd5f-c393-11e7-8887-e16ef680eccf

快速開始

//Mockjs模板示例-JSON格式
{
"total": 20,
"pageNo": 1,
"code": 0,
"message": "@cparagraph()",
"result|1-20": [//隨機生成1-20條數(shù)據
  {
    "id|+1": 1,//自增id--初始值為1 
    "title": "@ctitle",//加c表示Chinese 中文標題
    "subtitle|1-6": "我是副標題 ",//模擬名稱
    "content": "@cparagraph()",//模擬文本
    "phone"  : "@phone",
    "date": "@date('yyyy-MM-dd')",//模擬時間
    "image": "@image('200x100', '#894FC4', '#FFF','png','')",//模擬圖片-//image( size, background, foreground, format, text )
    "userName": "@cname",//加c表示中文名字
    "usersNum": "@integer(0,100)",//數(shù)量-Random.integer(min,max)
    "color": "@color",//模擬色值
    "city": "@city(true)",   //中國城市
    "age|1-100": 100,//模擬1~100隨機整數(shù),100只是用來確定類型
    "isMale|1": true,  // 布爾值
    "url": "@url()",//模擬url
    "guid": "@guid",//唯一id
    "time": "@time",//時間
    "now": "@now",//當前時間
    "brother|1": ["Alice", "kimi"], // 隨機選取 1 個元素
    "sister|+1": ["Alice", "kimi", "lily"], // array中順序選取元素作為結果
    "friends|2": ["Alice", "kimi"], // 重復2次屬性值生成一個新數(shù)組
    "string|3": ""http://3表示后面屬性值重復次數(shù)
  }
]
}

Mockjs示例在線演示 （常用模擬數(shù)據生成，MockAPI釋義）

官網文檔示例 http://mockjs.com/examples.html
? https://github.com/nuysoft/Mock/wiki

小伙伴們是不是很easy呢！

三、更多

http://mockjs.com/
http://www.json.cn/
https://jsonblob.com/

Mac桌面版演示圖：

演示