运用RAP2和Mock.JS完成Web API接口的数据模仿和测试


玖富娱乐是一家为代理招商,直属主管信息发布为主的资讯网站,同时也兼顾玖富娱乐代理注册登录地址。

近来一向在思索怎样对Web API的其接口数据举行自力开辟的题目,跟着Web API的愈来愈广泛应用,许多开辟也要求前端后端星散,比方一致的Web API接口后,Winform团队、Web前端团队、微信小顺序或许APP团队人人可以或许同步开辟,在最后商定一些接口的输入JSON数据和输出JSON数据,然则跟着项目标进度展开,这些数据结构一向有所转变,那末我们模仿的JSON数据花样也须要协同转变,然则很不幸既然人人忙着开辟,接口谐和的事变一定优先级没那末高,纵然每次记得谐和接口数据,也纷歧定可以或许完整一致。

在Web API端也就是后端没有完整做好的状况下,我们不能够给出一切接口的输入输出JSON花样,那末我们是不是可以或许斟酌接纳折衷模仿数据接口的体式格局来供应,并且可以或许供应对照易读、易保护的处理体式格局呢?谜底是一定有的,连系RAP2和Mock.js二者的特性,可以或许较为轻易的模仿出我们须要接口的URL、输入参数、输出参数等信息。

RAP2是一个Web接口治理工具,开源免费,接口自动化,MOCK数据自动天生,自动化测试,企业级治理。

Mock.js的涌现处理了前端脱离后端就没法要求数据的题目,但也涌现了新的题目,就是在切换消费状况的时刻,模仿的数据能够和接口又发作分歧步的状况。

RAP2是一个新的处理计划,将前端后端拉倒一个团队堆栈中,同享一个堆栈,无论是URL地点,照样要求须要的参数,在团队堆栈中两边都可以或许治理,并且可以或许纪录团队成员修正了哪些接口,整合到消费状况的时刻,可以或许对照圆满的切换,同步性较好!

相干网站资本:

http://mockjs.com/ mock.js网址
http://rap2.taobao.org/ RAP2网址
https://github.com/thx/rap2-delos RAP2官方文档
https://github.com/nuysoft/Mock/wiki/Syntax-Specification mock.js语法范例文档

1、RAP2建立接口

翻开网站http://rap2.taobao.org/ ,注册一个用户账号,并建立本身的模块和接口,以下所示

默许有一个示例接口指引我们做相干的参数或许相应内容

对每一个参数,都可以或许运用Mock划定规矩举行天生值,以下界面所示

除示例,我们也可以或许建立本身的模块和接口,以下所示我们建立一个用户治理的模块,和两个接口。

猎取用户的接口界说以下所示。

这个URL地点是我们逻辑上的相对地点,现实在运用的时刻,我们加上一个基地点就可以或许了,在RAP2 它也是一个相对地点,测试接口的地点也是加上一个基本地点,如许我们现实开辟的时刻,把这局部基本地点替代为消费状况的地点便可顺遂切换过去了。

-玖富娱乐是一家为代理招商,直属主管信息发布为主的资讯网站,同时也兼顾玖富娱乐代理注册登录地址。-

这个接口现实返回的JSON数据花样就是我们商定好的JSON花样了,若是我们有转变,人人参考这个中央的平台就可以或许了,相同时对照轻易,也可以或许对照那些字段参数转变调整了,如许前后端就有了一个参考的中央平台,一致性较好。

 

2、接口参数界说和Mock变量运用

那末这些JSON数据是怎样来的,我们现实上是填写了一些变量,让它自动天生的数据的,这个也是Mock.js的劳绩吧。RAP2集成了MockJS的许多变量运用,参考着运用就可以或许构建许多纷歧样的数据,异常轻易。

下面列出我的一些输入、输入的变量内容。

输入的参数,界说以下:

相应的输出参数以下界说。

取得的输出自动天生的JSON数据以下所示。

这个就是我们运用Mock变量的优点,自动依据划定规矩添补,上面我运用了种种变量来界说数据,若是你须要相识Mock的变量,可以或许连系Mock的变量来测试便可。详细参考下面申明。

http://mockjs.com/examples.html

上面链接列出了Mock的两项界说:数据模板界说和数据占位符界说,可以或许依据状况用分歧的界说。我更侧向于运用后者,轻易快捷。

RAP2给前后端开辟者一种更好更通明的协同开辟体式格局,一个卖力保护接口、一个卖力参考修正挪用,人人相互配合,其乐融融。
关于RAP2的功用彷佛另有许多,不外我们运用它最重要的目标是处理模仿API接口和协同性的题目,这个大原则是它的重要目标,基于RAP2和Mock.js的连系,我们可以或许束缚频仍相同而得不到接口一致性题目标题目,从而完成更好从调试状况到消费状况的切换。

以至更好的计划是我们 在Web API接口开辟的早期,先花点工夫来界说好一切的接口输入输出,整顿一个人人以为对照好的接口范例后,再最先Web API的编码,如许一定后期开辟是事半功倍,并且前端也可以或许很快对接。

 -玖富娱乐是一家为代理招商,直属主管信息发布为主的资讯网站,同时也兼顾玖富娱乐代理注册登录地址。