您的位置:首页 > Web前端

1分钟,摆脱后端API

2016-11-11 15:41 92 查看

mds

开发原因:

对于前后端分离,大家肯定遇到过,当后端 API 没有编写完成时,前端无法进行调试,这就导致了前端会被后端阻塞的情况。而mds相当于是搭建了一个 模拟服务器,构建假数据。服务器通过一个造数据的对象,对对应路由(或者是对应特定参数值)返回JSON字符串。

主要针对两种情况:

通过URL获取数据

URL是固定,通过改变请求中的某个特定参数的值来获取数据(我目前的项目所用的)

主要功能:

构建一个mock server

数据返回是随机

针对上面提到的两种情况可以同时存在

可以批量设置API

mds 的概念非常简单,就是在开发环境构建一个模拟一个本地服务器,然后构建假数据(Mock Data),再利用构建的假数据来进行开发。

下载

下载地址

使用方法

npm install

npm run start

路由、数据、特定参数配置 (configSet/config.js)

module.exports = [
{
url: "/test", //url地址
type: "get",
timeout: "100",
apiList: [
{
//channel: "quest", //请求特定参数 如果不需要可以注释掉
callbackData: {
"list|1-10": [{ //1-10:表示随机产生1或者10调数据
"id|+1": 1, // +1 :表示每次都会加1
"img": "images/1.jpg",
"email": "@email",  //@email:返回模拟邮箱账号
"name": "@name", //@name:返回模拟的姓名字符串
"level": "1",
"group|0-1": true, //0-1:true/false
"park|0-1": true,
"address": "海南",
"price|100-500": 100 //100-500:100-500的随机数
}]
}
},

]
},
{
url: "/hell",
type: "get",
timeout: "100",
apiList: [{
channel: "quest",
callbackData: {
"list|20-30": [{
"id|+1": 1,
"img": "images/1.jpg",
"email": "@email",
"level": "1",
"group|0-1": true,
"park|0-1": true,
"address": "海南",
"price|100-500": 100
}]
}
}, {
channel: "name",
callbackData: {
"list|1-10": [{
"id|+1": 1,
"img": "images/1.jpg",
"title": "@name",
"level": "1",
"group|0-1": true,
"park|0-1": true,
"address": "海南",
"price|100-500": 100
}]
}
}]
},
];

@占位符列表

Basic : boolean, natural, integer, float, character, string, range, date, time, datetime, now

Image :image, dataImage

Color :color

Text : text

Name : first, last, name, cfirst, clast, cname

Web : url, domain, email, ip, tld

Address : area, region

Helper: capitalize, upper, lower, pick, shuffle

Miscellaneous: guid, id
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息