codecamp

设置Mock API

为什么使用Mock API?

在传统的开发模式中,如果前端开发人员需要进行页面对接,需要后端先完成API的开发工作,因此前后端开发的进度会互相影响,导致开发不够敏捷。

通过Mock API,您可以事先编写好API的数据生成规则,由eoLinker AMS自动生成API的数据。前端开发人员可以通过访问eoLinker提供的Mock API来实现页面对接,等到项目正式发布时只需将eoLinker的Mock API地址替换为实际的API地址即可完成对接,实现真正意义的前后端同步开发。

Mock JS

eoLinker AMS支持Mock JS语法,在使用Mock API之前,您可以前往Mock JS官网了解Mock JS的语法规则:Mock JS

设置Mock API

进入 API编辑 页,在设置Mock API的数据生成规则之前,需要先完善API的返回参数,相关教程请前往 API开发管理 > API文档 > 创建API 查看。

完善API的返回参数之后,切换到 Mock API 标签页面,eoLinker AMS会根据返回参数自动补全Mock API的字段:

Mock 设置设置中,您可以设置返回字段的类型、生成规则以及属性值:

设置项说明
类型设置返回字段的类型
生成规则设置属性值的处理方式
属性值设置字段的值,eoLinker AMS会根据Mock生成规则对属性值进行处理,得到最终的Mock数据

下图是Mock JS的官方示例,意为生成1~10位的“★”

在eoLinker AMS中,填写的示例如下(注意,属性值前需要添加@mock=,如@mock=”★”):

前往Mock JS官网了解详细的Mock JS语法规则:Mock JS

示例

1.类型为number的字段A,值需大于等于 1、小于等于 100。

设置

预览

2.字段A,由字符 ★ 重复多次生成,重复次数大于等于 1,小于等于 5。

设置

预览

3.字段A、B,字段A为随机中文名,字段B由A拼接字符串 ‘,欢迎使用eoLinker AMS!’ 组成。

设置

预览

4.字段A、B,字段A为数组[“000000”,”100001”]中随机的一项,希望参数B的值是通过判断A的值,返回相对应的语义。

设置

预览

5.Mock API 返回数据为含有字段name的对象数组,且数组长度大于等于2,小于等于5。

设置

预览

Mock API调用

如需了解如何调用Mock API,请移步至 API开发管理 > Mock API > 调用Mock API 一节中查看。

目录


Mock API
调用Mock API
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }