Jason 岂安科技前端研发工程师
三年互联网前端开发经验,曾参与过多个系统框架的搭建和组件开发,负责岂安科技产品的数据可视化和公用组件开发。
1 前言
RAP 是一个可视化接口管理工具, 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率。
在 RAP 中,您可定义接口的 URL、请求和响应细节格式等等。通过分析这些数据,RAP 提供 MOCK 服务、测试服务等自动化工具。
2 为什么要选择 RAP?
轻松编辑和分享
可视化编辑,完善的版本控制,各种格式的导入导出。让前后端约定接口的工作变得十分简单。
Mock服务
RAP会自动根据接口文档生成Mock接口,这些接口会自动生成模拟数据,并支持复杂的生成逻辑。
实力的保障
覆盖阿里几乎所有部门,有数百家公司正在使用RAP,历经4年积累大量经验,可适应各种复杂的业务场景。
3 开始 RAP
1轻松编辑和分享
要求环境:
✦ JDK 1.8+
✦ MySql 5.6.12+
✦ Tomcat 8.*+
✦ Redis 3.0+
RAP的部署方式有两种:
一种是直接采用阿里编译好的 war 包,放入 tomcat 即可。
另一种是获取源码后自己编译,或者修改一些代码、做一些个性化的功能之后编译,然后打成 war 包再放入 tomcat。
具体搭建方法参考官方文档:
https://github.com/thx/RAP/wiki/deploy_manual_cn
2注册 RAP 账号,创建团队和项目
部署到自己服务器上之后,先注册账号后登录,然后创建团队和项目。
创建之后可以修改项目和添加项目成员,项目成员可以访问该项目的内容和添加修改接口。
3编写接口文档
登录账号后在首页,可以看到“我的项目”,选择一个项目点击进入,就可以开始编写我们的接口文档了。
进入页面后点击编辑,可以看到如下界面:
我们可以将我们的接口文档写在这个地方,备注中可以写出模拟的数据格式,具体规则参考官网用户手册:
https://github.com/thx/RAP/wiki/user_manual_cn
我们可以定义接口返回固定的字符串、返回随机数,甚至定义方法根据传参做一些处理之后再返回。
4使用接口
一直看到这里,大家可能有疑问,这个文档写出来,好像和普通的文档没有什么区别啊,甚至更加繁琐。这里我们就要说到RAP与其他文档不同的地方:
写完文档之后,我们可以直接调用接口来返回数据,这些数据是根据我们编写的规则动态生成的,前端不需要等到后台开发好接口之后再调用,而是可以和后台同步开发 。
我们来看看返回的数据吧:
这里可以模拟请求来看返回的数据是否是自己想要的结果,确定没有问题之后,我们就可以使用该接口了。因为后台工具暂时还不成熟,所以该处我们介绍一下前端如何使用该接口:
✫ 前端调用接口时,host 和 url 与平常调用有所不同,如上图,请求的 url 为右下方的 url(并始终为 get 请求,无论接口是 post 还是其他的 method),而返回的内容也并不是返回的对象,而是文档转换成的一串字符串。
✫ 在这里我们需要安装 mockjs,用于解析接口返回的内容(安装方法参考: https://github.com/nuysoft/Mock/wiki/Getting-Started)
✫ 拿到接口返回的内容后,使用 const result = eval(`(${res})`) ; 解析返回内容,而不是使用 JSON.parse,原因是文档中编写的内容可能有 function,不能使用 JSON.parse 去转换。解析完成后使用 const data = mockjs.mock(result) ; 这时候变量 data 就是我们需要的数据了,也就是图中所返回的结果。
✫ 通过上面三步,我们就可以拿到数据去写我们的代码了。
4 结束语
RAP 的基础用法,看完上面的内容我们可以了解的差不多了,缺点也比较明显,调用接口时比较麻烦,但是我们可以通过封装请求方法来减少麻烦程度。总的来说 RAP 平台还是比较实用的。
目前RAP1已经停止更新,官方开始推行 RAP2,界面更加简洁易用,但是没有什么文档,大部分文档还是使用的 RAP1 的文档(也就是今天我们介绍的 RAP 平台)。
RAP的介绍,到这里也就告一段落了,如果大家比较感兴趣可以去官方部署的 RAP 平台(http://rap.taobao.org/org/index.do)用用看,所有功能和自己部署的是一模一样的,大家可以先用用看,如果觉得还不错,就可以部署在自己的服务器上使用了。
来源:freebuf.com 2018-04-11 16:40:43 by: 岂安科技
请登录后发表评论
注册