本文共 2370 字,大约阅读时间需要 7 分钟。
关注
2017.11.28 21:58* 字数 1448 阅读 14348评论 12喜欢 14
我在向小伙伴推荐RAP的时候,有的小伙伴会觉得这个是个玩好意,帮助很大,而另一部分有使用过Mock.js的会说,Mock就挺好了啊。于是就有了这篇文章,一是向大家推广,二是作为一个快速入门的教程,网上对RAP的教程太少了。
是一个Web接口管理工具,开源免费,接口自动化,MOCK数据自动生成,自动化测试,企业级管理。阿里妈妈MUX团队出品!阿里巴巴都在用!
使用情景
以往前后端分离开发过程中,会出现这种对话
前端:接口写好了没,我着急用,没这个接口我没法测功能啊。后端:别催啊,我数据库都没写好,接口给你也没用啊。=>Mock.js出现后后端:你先要哪个接口?前端:不用,我自己都虚拟好了数据了···后端:这就是你做的接口,怎么这么多跟我写的不一样,这个参数也不对啊
Mock.js的出现解决了前端离开后端就没法请求数据的问题,但也出现了新的问题,前端在生产环境中编写的Mock虚拟数据代码,在后期与后端对接时,面对着如何处理这些代码的问题,项目切换,又得重新思考Mock代码编写。而且,就算前端按照前期和后端约定好的规则编写参数,响应数据等,还是无法保证后端会不会在写代码过程中,出现一些手滑的操作,可能他自己都不知道。
而现在,RAP是一个新的解决方案,将前端后端拉倒一个团队仓库中,共享一个仓库,无论是URL地址,还是请求需要的参数,在团队仓库中双方都可以管理,并且可以记录团队成员修改了哪些接口,看最后会是谁背锅··手动滑稽。前后同一套接口模板,RAP一种更高效的前后端协作方式RAP五天前发布了RAP2,相对于之前的版本,在界面和操作上做了很大的优化,接口初步体验也更稳定了写,不得不吐槽上一个版本RAP,各种灵异操作。####推荐理由 - 支持mock.js语法:RAP本身基于mcok.js - 支持接口管理:可管理url地址,不同模块分类。 - 支持团队协作:拥有团队仓库 - 支持历史修改操作查看:可查看接口修改情况,但不支持操作回溯。 - 接口共享:不需要重复编写接口 - 自动化测试:一键测试接口情况 - JS插件####文章目录 - 界面介绍 - RAP语法规则 - RAP使用 - 使用建议
跳过部分:注册=>登录 这里又得吐槽一下上一个版本登录,登录后一段时间就得重新登录,验证码贼烦,新版本已改善。
导航栏界面
仓库界面 个人仓库和团队仓库都一样
仓库信息编辑界面
仓库设置界面
新建参数界面
RAP语法规则
RAP是基于 MOCK的,所以语法上是跟MOCK是一样的,只是填写位置发生了改变,
Mock.js写法变量名 备注id|1-100 // 表示id从100开始,每次加1
名称 | 类型 | 生成规则 | 初始值 | 生成结果 | 简介 |
---|---|---|---|---|---|
id | string | 2-10 | ass | assassass | 字符串重复2-10次不等 |
name | string | @order[3,13,1,3] | 2 | 在数组中随即选取一个 | |
datetime | string | @datetime("yyMddd") | 204040722 | 生成时间具体格式请查看Mock文档 | |
re | RegExp | /201[7-7][0-1][0-9][0-2][0-9]/ | 20170706 | 通过正则数据 |
以下图片列出了本人记录的常用书写方式,以及生成的数据格式
RAP使用
http://rap2api.taobao.org/app/mock/508/GET/login
其中508
为仓库ID,不同仓库可以通过添加协同仓库达到接口复用的作用,可添加多个ID,不同ID逗号隔开。使用建议及技巧
总结
RAP给前后端开发者一种更好更透明的协同开发方式,前端也可以让自己项目代码中不出现虚拟数据
这种无用代码,项目切换以及迭代过程中RAP让接口更加灵活,不要仅仅满足于前端可以写几个虚拟数据,如何无痛对接后端接口才是最终的目的。
参考文档
转载地址:http://wrzoi.baihongyu.com/