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

转载 2018年04月16日 16:00:59

在长期的服务过程中,我们经常会遇到前来咨询的用户与我们反馈以下这种情况:咨询者是一个前端人员,在项目开发的过程中需要与后端进行对接,遇到后端还没完成数据输出的情况下,他只好写静态模拟数据,在遇到大型项目的情况下,数据冗长、代码复杂、多样的数据类型包括IP、图片,地址,函数等,在极短的项目周期及验收时间下,手动修改模拟数据显得一点都不现实。
这里写图片描述
对于这样的问题,其实eoLinker提供了目前最佳的解决方案:Mock API
这里写图片描述
使用Mock API,前后端人员只需要定义好接口文档就可以开始并行工作;后端之间的接口耦合和测试中未准备好的依赖接口也能被Mock解决,不会出现团队互等的情况。这样的话,越早开展开发自测,提前了发现、修复缺陷的时间,也有效地保证整个产品质量以及进度。

eoLinker提供了两种模拟API的方式,基础Mock以及高级Mock,那应该怎么使用eoLinker的Mock呢?基础Mock和高级Mock的区别是什么呢?

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

  1. 支持HTTP、HTTPS
  2. 支持RESTful风格API
  3. 支持对请求方式进行校验(免费版为默认开启,专业版可针对项目设置关闭)
  4. 支持模拟HTTP状态码
  5. 支持真实的前置URL全局替换掉Mock请求的前置URL
  6. 支持对请求参数进行校验(专业版)
    而高级Mock除了拥有基础Mock的功能之外,还具备以下功能:
  7. 支持根据mockjs规则生成mock数据,支持自定义js函数
  8. 支持根据在高级MOCK中设定的生成规则&属性值重新构造Mock(专业版)

……
其中的3、6、8功能点,需前往专业版AMS中使用。
下面我们选择三个重要功能点进行简单叙述。

1、支持设置返回结果的生成规则,支持MockJS:

Mock.js由于能拦截并模拟 ajax 请求,因此用Mock.js模拟后端数据变得异常简单:

结合上述场景来看,eoLinker通过支持MockJS将能解决以下所有问题。

  1. 文档没有事先定义,开发过程,后端人员可能存在口头讲述,但是和实际返回数据不一样的情况,而eoLinker 高级mock本身就规范了这种行为,高效协作不是问题。
  2. 想要尽可能还原真实的数据,不用编写更多代码,也不用手动修改模拟数据。直接模拟后台数据返回,事半功倍。
  3. 不担心例如IP,随机数,图片,地址等特殊的格式多重收集,丰富的格式支持省下大量时间。
  4. eoLinker的MOCK还支持自定义函数和正则等复杂的数据类型,方便拓展各类更多数据类型。

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

2、对请求参数进行校验:

这是高级版中的功能,eoLinker考虑到,开发过程中,有很多后端接口都会对参数进行校验的,确认哪些接口参数是必传,哪些接口参数是非必传。而前端开发调用的是Mock接口,从协助的角度上看,Mock API是模拟后端接口返回参数协作前端开发,那么对参数校验的功能也就十分必要,这样子才能模拟最真实的后端接口,更好地协助前端开发。eoLinker支持对请求参数进行校验,确定好这些接口参数是否必传,这样子就不会漏传某个参数了,行之有效的避免了冗余的工作量。

3、支持每次请求随机生成返回结果:

这同样是高级版中的功能,eoLinker认识到,随机生成返回结果的功能是必要的功能,因为接口每次返回的参数的值是不同的,所以随机生成可以使模拟的返回结果更真实。

接下来就是高级Mock实际教程部分。

1、编辑Mock数据

进入 接口编辑页面,点击上方 高级Mock 选项卡,进入到Mock设置页面:
这里写图片描述
注意:
Mock的填写依赖于接口文档中的返回参数,如果进入Mock设置页面发现没有可以设置的字段,请返回 基础信息 选项卡完善接口的返回信息;
MockAPI支持 Mockjs 语法,了解相关语法教程请前往:http://Mockjs.com/
使用步骤:
1.返回参数填写相关键值对,若拥有层级结果,请用 两个英文右箭头 >>或者::表示层级:
这里写图片描述
2.根据Mockjs示例进行拆分填写。以下图 红框 部分进行讲解:
这里写图片描述
name对应列表字段名;
min-max对应列表生成规则;
string对应列表属性值,使用需搭配@Mock=使用,如 @Mock=’★’
将上图的Mock语法写入:
这里写图片描述
注意:红色框部分为设置整体返回结果类型,支持两种(object/array),生成规则及属性值同样对应Mockjs语法

2、调用MockAPI

进入接口详情页,点击上方的Mock标签,在下方的Mock部分可以看到有Mock API的请求地址,复制该地址即可访问Mock API得到虚拟数据:
这里写图片描述


eoLinker是目前全球领先、国内最大的在线API接口管理平台,提供自动生成API文档、API自动化测试、Mock测试、团队协作等功能,旨在解决由于前后端分离导致的开发效率低下问题。

目前eoLinker为Google、IBM、腾讯、中国联通、海尔、神州优车、国美、江苏网进、广联达、成思科技、捞月狗等数千家企业提供快速、专业、稳定的API管理服务。

同时eoLinker还是Google谷歌开发者联盟的合作产品与企业,不定期举办线下交流分享活动促进国内API管理领域的发展。

中文官方网站:https://www.eolinker.com
github源码:https://github.com/eolinker

Arcgis api for javascript开发引导课程

-
  • 1970年01月01日 08:00

微服务架构实战:Swagger规范RESTFUL API文档以及Mock应用

随着微服务架构的流行,REST风格也是大势所趋。那么,什么是REST?如何规范我们的RESTFUL API 文档? 本课堂将主要基于以上两个话题进行讨论并探讨在“数字化企业云平台”的实践中如何规范RESTful文档,同时课堂中将引入API Mock的概念并讨论Mock和Doc领域的集成实现。
  • 2016年11月22日 18:29

React项目配置5(引入MockJs,实现假接口开发)

本教程总共6篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React项目配置1(如何管理项目公共js方法)---2018.01.11 ...
  • oKeYue
  • oKeYue
  • 2018-01-17 10:21:08
  • 421

App开发:模拟服务器数据接口 - MockApi

 为了方便app开发过程中,不受服务器接口的限制,便于客户端功能的快速测试,可以在客户端实现一个模拟服务器数据接口的MockApi模块。本篇文章就尝试为使用gradle的android项目设计实...
  • hj7jay
  • hj7jay
  • 2017-02-04 09:36:59
  • 2393

mock-api使用

mock-api使用场景在前端开发中,您可能遇到这样场景:项目讨论会后 经理:好,开发时间就定位两周 服务端:OK,没问题,两周能搞定 前端:干,两周我也能搞定,可尼玛我要等服务端接口啊 然后...
  • shan1991fei
  • shan1991fei
  • 2017-01-14 16:31:40
  • 4808

在ECLIPSE中使用JUNIT4.X进行单元测试

摘要 这篇文章简单讲解了如何在Eclipse中利用Junit 4.x和EasyMock进行单元测试。 当你阅读完这篇文章后,可以在Eclipse中使用JUnit进行单元测试。 1...
  • atco
  • atco
  • 2013-07-17 15:33:37
  • 1631

在SOAP UI中Mock Restful Service

描述SOAP UI中如何Mock Restful Service
  • mobicents
  • mobicents
  • 2011-03-08 19:27:00
  • 2162

YY工作总结—发光发热

作者:李东龙          为人处事和技术的学习都解决了,提高我们自身的手段掌握之后,还有一件更加重要的事情要做!那就是要显示一下自己的能力了,给公司干点事了!能干得了活也是给领导留下美好印...
  • lidonglong121
  • lidonglong121
  • 2013-01-12 21:46:32
  • 2501

Github如何上传本地项目

第一步:创建一个本地的版本库(其实也就是一个文件夹)。右击新建文件夹,或者右击打开Git bash命令行窗口通过命令来创建。现在通过命令行在桌面新建一个TEST文件夹(也可以在其他任何地方创建这个文件...
  • qq_39894133
  • qq_39894133
  • 2018-02-28 05:53:14
  • 100

Mockito mock类部分方法

Mockito mock类部分方法参考这个http://stackoverflow.com/questions/14970516/use-mockito-to-mock-some-methods-bu...
  • zwt0909
  • zwt0909
  • 2016-09-09 19:13:23
  • 414
收藏助手
不良信息举报
您举报文章:Mock API是如何在开发中发光发热的?
举报原因:
原因补充:

(最多只允许输入30个字)