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, nowImage :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
相关文章推荐
- app后端设计(1)--api(2014.01.31更新)
- 如何处理好前后端分离的 API 问题(转载自知乎)
- node+express 后端api
- 用JQUERY的deferred异步按顺序调用后端API
- 用Flask封装下Ansible提供后端API
- faked 一个用于 mock 后端 API 的轻量工具
- [后端人员耍前端系列]KnockoutJs篇:使用WebApi+Bootstrap+KnockoutJs打造单页面程序
- 浅谈Vue.js与后端API交互——axios的应用
- 3步创建APIJSON后端新表及配置
- app后端API通信如何保证通讯安全--url签名
- 从壹开始前后端分离【 .NET Core2.0 Api + Vue 2.0 + AOP + 分布式】框架之四 || Swagger的使用 3.2
- 从壹开始前后端分离【 .NET Core2.0 Api + Vue 2.0 + AOP + 分布式】框架之七 || API项目整体搭建 6.2 轻量级ORM
- 后端远程调用api工具
- SOSOAPI前后端分离开发模式下的接口测试
- Python-Jenkins API使用 —— 在后端代码中操控Jenkins
- 14.app后端如何设计api
- [后端人员耍前端系列]KnockoutJs篇:使用WebApi+Bootstrap+KnockoutJs打造单页面程序
- 详解使用IntelliJ IDEA新建Java Web后端resfulAPI模板
- 实践指南:使用SpringBoot构建API后端服务 上