一、功能簡介
快速簡單的使用Mockjs對接口數據進行模擬，生成在線API。
? 有些時候當你在進行開發時，你需要的后端接口可能還沒有完成對于開發所需要的支持。我們需要一個模擬API提供一些偽造數據來模擬真實環境下的APP使用場景。這就是我們為什么需要模擬REST API的原因，開發者一般會使用如json-server，express等來搭建Web Server來實現模擬所需要的數據，當然這種方式功能更加全面，但多少還是有點繁瑣耗時的，對于一般的列表類數據，該工具可以很快的模擬你想要的數據并生成一個在線API提供給你進行開發測試。
網頁版 mockjsonapi
Mac桌面版：模擬記錄編輯保存等，速度更快，網頁引用了較多的js，css
下載地址： MockJSON1.0.0.dmg (大小719KB)
? 本工具基于mockjs，jsonblob實現，你只需要掌握mockjs的使用，即可分分鐘編寫一個JSONApi。
mockjs的編寫規則非常簡單，和JSON規則一樣。
二、如何使用
1、編寫正確的mock規則
2、提交規則生成JSON數據和在線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條數據
{
"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)",//數量-Random.integer(min,max)
"color": "@color",//模擬色值
"city": "@city(true)", //中國城市
"age|1-100": 100,//模擬1~100隨機整數,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次屬性值生成一個新數組
"string|3": ""http://3表示后面屬性值重復次數
}
]
}
Mockjs示例在線演示 （常用模擬數據生成，MockAPI釋義）
官網文檔示例 http://mockjs.com/examples.html
? https://github.com/nuysoft/Mock/wiki
小伙伴們是不是很easy呢！
三、更多
http://mockjs.com/
http://www.json.cn/
https://jsonblob.com/
Mac桌面版演示圖：
演示
