Mock API是如何在开发中发光发热的？

在长期的服务过程中，我们经常会遇到前来咨询的用户与我们反馈以下这种情况：咨询者是一个前端人员，在项目开发的过程中需要与后端进行对接，遇到后端还没完成数据输出的情况下，他只好写静态模拟数据，在遇到大型项目的情况下，数据冗长、代码复杂、多样的数据类型包括IP、图片，地址，函数等，在极短的项目周期及验收时间下，手动修改模拟数据显得一点都不现实。

对于这样的问题，其实eoLinker提供了目前最佳的解决方案：Mock API。
复制代码

有了Mock API，前后端人员只需要定义好接口文档就可以开始并行工作；后端之间的接口耦合和测试中未准备好的依赖接口也能被Mock解决，不会出现团队互等的情况。这样的话，能尽早进行开发自测，进而提前了发现、修复缺陷的时间，也有效地保证整个产品质量以及进度。

基础Mock & 高级Mock

eoLinker提供了两种模拟API的方式，基础Mock以及高级Mock，那应该怎么使这两种Mock呢？基础Mock和高级Mock的区别是什么呢？请看下面：

在eoLinker中，基础Mock也称简易Mock，提供了以下功能：

支持HTTP、HTTPS 支持RESTful风格API 支持对请求方式进行校验（免费版为默认开启，专业版可针对项目设置关闭） 支持模拟HTTP状态码 支持真实的前置URL全局替换掉Mock请求的前置URL 支持对请求参数进行校验（专业版） 而高级Mock除了拥有基础Mock的功能之外，还具备以下功能： 支持根据mockjs规则生成mock数据，支持自定义js函数 支持根据在高级Mock中设定的生成规则&属性值重新构造Mock（专业版） 其中的3、6、8功能点，需前往专业版AMS中使用。下面我们选择三个重要功能点进行简单叙述。

1、支持根据mock.js规则生成mock数据，支持自定义js函数

Mock.js由于能拦截并模拟 ajax 请求，因此用Mock.js模拟后端数据变得异常简单。结合上述场景来看，eoLinker通过支持MockJS将能解决以下所有问题。

文档没有事先定义，开发过程，后端人员可能存在口头讲述，但是和实际返回数据不一样的情况，而eoLinker 高级Mock本身就规范了这种行为，高效协作不是问题。

想要尽可能还原真实的数据，不用编写更多代码，也不用手动修改模拟数据。直接模拟后台数据返回，事半功倍。

不担心例如IP，随机数，图片，地址等特殊的格式多重收集，丰富的格式支持省下大量时间。

eoLinker的 Mock 还支持自定义函数和正则等复杂的数据类型，方便拓展各类更多数据类型。 ......

正因如此，eoLinker Mock API支持Mock.js，解决了前后端开发中的数据模拟问题，大幅提升了开发的工作效率。

2、对请求参数进行校验

eoLinker考虑到，开发过程中，有很多后端接口都会对参数进行校验的，确认哪些接口参数是必传，哪些接口参数是非必传。

而前端开发调用的是Mock接口，从协助的角度看，Mock API是模拟后端接口返回参数协作前端开发，那么对参数校验的功能也就十分必要，这样子才能模拟最真实的后端接口，更好地协助前端开发。

eoLinker Mock 支持对请求参数进行校验，确定好这些接口参数是否必传，这样子就不会漏传某个参数了，行之有效的避免了冗余的工作量。

3、支持根据在高级Mock中设定的生成规则&属性值重新构造Mock

此功能属于高级版的功能，eoLinker认识到，支持根据在高级Mock中设定的生成规则&属性值重新构造，简单来说就是随机生成返回结果的功能，在模拟后台数据方面有着重要的作用，因为接口每次返回的参数的值是不同的，所以随机生成可以使模拟的返回结果更真实。

高级 Mock 教程

1、编辑Mock数据

进入 接口编辑 页面，点击上方 高级Mock 选项卡，进入到Mock设置页面：

注意：

Mock的填写依赖于接口文档中的返回参数，如果进入Mock设置页面发现没有可以设置的字段，请返回 基础信息 选项卡完善接口的返回信息；

使用步骤：

返回参数填写相关键值对，若拥有层级结果，请用 两个英文右箭头 >>或者::表示层级：

根据Mockjs示例进行拆分填写。以下图 红框 部分进行讲解：

name对应列表字段名； min-max对应列表生成规则； string对应列表属性值，使用需搭配@Mock=使用，如 @Mock=’★’ 将上图的Mock语法写入。

注意： 红色框部分为设置整体返回结果类型，支持两种（object/array），生成规则及属性值同样对应Mockjs语法。

2、调用MockAPI

进入接口详情页，点击上方的Mock标签，在下方的Mock部分可以看到有Mock API的请求地址，复制该地址即可访问Mock API得到虚拟数据：

转载于:https://juejin.im/post/5ae2d2fb518825670c45a7c1