淘宝镜像Mock模拟服务器后台数据

早已看见多了一个新玩意儿,便料定是模拟数据之物,忙来细看。厮见毕归坐,细看形容,与众各别:两行似教非教简介书,一组似跨非跨显示栏。态生网页之姿,承袭后台之力。


前方高能

如同官网所示,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数据
得到请求的数据
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,995评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,850评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,445评论 4 61
  • 2012年夏天,本是晴好的天气下起了瓢泼大雨,没有带雨伞的我站在空旷的马路边不知所措。正当我决定冒雨跑回公司的时候...
    西窗少女阅读 3,196评论 0 0
  • (3)空气疗: 塑料大棚即是去14C住室,亦即无放射性空气疗室。目的是使患者住入后,呼吸进入体内的14C为零,而呼...
    道易无成2阅读 1,580评论 0 0

友情链接更多精彩内容