淘宝镜像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数据
得到请求的数据

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏守候书阁

webpack+vue项目实战(二,开发管理系统主页面)

上篇文章(webpack+vue项目实战(一,搭建运行环境和相关配置))搭建了好了基本的一个项目目录,安好好了一些要用到的依赖,以及把项目跑了起来。接下来,我们...

811
来自专栏phodal

我的职业是前端工程师【五】: 前端工程师必会的六个调试技能

我还是一个野生程序员的时候,不会 Debug,只会傻傻地写一句句 std::count。即使是在今天,有些时候我也会这样做:打一个 console.log,然后...

18910
来自专栏java学习

面试题49(关于import语句掌握)

有一个源代码,只包含importjava.util.* ; 这一个import语句,下面叙述正确的是? ---- A 只能写在源代码的第一句 B 可以访问ja...

3125
来自专栏FreeBuf

看我如何破解OpenNMS哈希密码?

背景 在最近的一次渗透测试中,我拿下了一台运行OpenNMS的服务器,并获取了该服务器的root访问权限。在后利用阶段我提取了几个本地用户的哈希密码,我想尝试破...

3426
来自专栏小尘哥的专栏

小程序(1)-入坑

老板想要一个小程序的东西,作为实诚却又没干过小程序开发的程序猿,二话不说,撸起袖子,开整。

1325
来自专栏北京马哥教育

十个提升生产力的 bash 技巧

我喜欢钻研bash环境。很多时候,在使用bash编程中,有些问题一遍又一遍的重复遇到。每次我都需要重新思考这些问题的解决方法。直到有一天我无法忍受,于是坐下来,...

2586
来自专栏闰土大叔

我是如何在公司项目中使用ESLint来提升代码质量的

ESLint:你认识我吗 ? ESLint是一个语法规则和代码风格的检查工具。 和学习所有编程语言一样,想要入门ESLint,首先要去它的官网看看:https:...

3278
来自专栏JAVA后端开发

通用数据级别权限的框架设计与实现(5)-总结与延伸思考

继上篇文章通用数据级别权限的框架设计与实现(4)-单条记录的权限控制后,通用数据级别权限的框架设计已经实现,但我们就这样满足了吗? 代码也只是花了我两个晚上完...

682
来自专栏编程微刊

[慕课笔记] node+mongodb建站攻略

2145
来自专栏北京马哥教育

现代Web页面开发流程

通常来说,Web页面开发的流程大致是这样的:设计师(设计师不是美工,就像程序员不是码农一样)提供设计稿,通常是图片格式。然后前端的开发人员 (在ThoughtW...

28012

扫码关注云+社区