早已看见多了一个新玩意儿，便料定是模拟数据之物，忙来细看。厮见毕归坐，细看形容，与众各别：两行似教非教简介书，一组似跨非跨显示栏。态生网页之姿，承袭后台之力。
前方高能
如同官网所示，RAP是一个可视化接口管理工具 通过分析接口结构，用于动态生成模拟数据，校验真实接口正确性。更是喊出逆天傲娇口号：提高效率，回家吃晚饭！！！相信许多小伙伴在开发APP的道路上已经跃跃欲试，更有转站做跨平台开发的决心。怎奈何没有强大的后台服务器做支撑。行路难，多歧路。原本冒起的星星之火也已然消失殆尽。而淘宝镜像推出的这款数据模拟工具，正好可以解决开发者暂时没有后台的问题。
一、注册登录
点开网址http://rapapi.org/org/index.do即可进入到RAP的注册页面。
注册页
二、创建产品线及项目
点击菜单栏上的创建团队，这一步骤可能会有显示不全的问题，此时可以改变电脑显示器的分辨率将创建团队的按钮显示出来。而后再创建产品线，进而点击进去创建项目。如下图所示。
创建项目图
三、创建接口
点击项目进入到创建接口的界面。点击编辑按钮可修改模块、页面以及接口名称。
接口首页
通常在修改接口时，请求类型通常选用get和post两种。返回的格式有对象和数组两种选择。这里要记住创建好请求链接。
请求接口图
点击确定之后就可以填写接口了。
接口需要一个请求参数列表和一个响应参数列表。在响应参数列表这边可以看到有些参数是写上了备注的。而备注后面的类似@mock这类的字段是要参照mock.js上面的案例。当然，这是后话。在下文中也会详细阐述。视频的接口，需要在备注中添加一个真的视频作为模拟。格式如下：
@mock="http://v.youku.com/v_show/id_XMjk5NTQ2MTUyOA==.html"
当然若是要点击才能播放视频的话，还需要一张视频的缩略图，而它的备注是一个图片。
接口设置好后，点击秒存。
视频列表接口.png
如此一来，点击图中所示mock数据进行数据预览。点击moke规则的网址查看数据内容。
mock数据预览
点击页面接口的播放按钮即可进入到页面控制台页面，填写请求参数点击请求按钮。就可以得到数据。并且，我们测算thumb的图片，发现这些图片是可以在浏览器中打开的。
操作示例
点击页面右下方的路径就可以转到要访问的路径了。
数据控制页面
访问路径
mock数据
四、查询接口
输入网址mocks.com
点击进入到示例页面
mock页面
在示例页面中，右击选中检查，进入到开发者模式。输入Mock.mock(里面是复制的mock数据)就可以得到需要解析后的数据。
得到mock数据
得到请求的数据
网友评论