RAP
RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率。
可视化编辑,完善的版本控制,各种格式的导入导出。让前后端约定接口的工作变得十分简单。
RAP会自动根据接口文档生成Mock接口,这些接口会自动生成模拟数据,支持复杂的生成逻辑。
官网地址:http://rap2.taobao.org
Mockjs
Mockjs 是一个可以生成随机数据的工具
官网地址:http://mockjs.com
前后端分离:让前端攻城师独立于后端进行开发。
增加单元测试的真实性:通过随机数据,模拟各种场景。
开发无侵入:不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。
用法简单:符合直觉的接口。
数据类型丰富:支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
方便扩展:支持支持扩展更多数据类型,支持自定义函数和正则。
randomuser
这是一个可以获取随机人物头像的工具
官网地址:https://randomuser.me
通过https://randomuser.me/api/portraits/women/39.jpg这个链接
修改39.jpg
数字范围0-99
就能获取不同的女性头像
同理women
改成men
,获取不同的男性头像
案例
1. 目标
生成一个API数据获取简单的好友列表,最后生成的结果如下。
{
"friends": [
{
"name": "黄芳",
"photo": "https://randomuser.me/api/portraits/men/80.jpg",
"decs": "划结眼识性多林或划放做比况只美。确月素对干着里和标值龙走王复作志内。科增收每了意花委层日南阶情目。单必月周万极各称队元说根才头。拉济区角复但走设会构关石快代江。"
},
{
"name": "赖洋",
"photo": "https://randomuser.me/api/portraits/men/64.jpg",
"decs": "置以设条把增压眼按命共安极克二。严些再义亲们六火影员生体组好世速。海四通发老真越与本县做走划。统北律引教单后打达指千等比通权经民求。片调北写大约由调约青铁第办积要识想。"
},
{
"name": "徐超",
"photo": "https://randomuser.me/api/portraits/men/78.jpg",
"decs": "成率委石红接心增低利积造点查而。海国为本使值半越起常争划法海化。步技铁特金论条要民江中了度。参装育解观发难往上条过老。府水号处例她复也消难根只入议法十世才。"
}
]
}
2. 注册&登录RAP2
注册链接:http://rap2.taobao.org/account/register
3. 创建仓库
image.png4. 新建接口
点击如下图中的新建接口
image.png image.png
5. 编辑接口内容
-
5.1 选择刚创建好的接口点击编辑新建响应内容
image.png
image.png
效果如下
image.png -
5.2 新建一个数组
image.png
image.png -
5.3 点击 + 号 创建绑定数据
image.png
创建过程同5.1,效果如下
-
5.4 添加头像和用户描述信息
image.png
-
5.5 保存并查看结果
image.png
保存
效果
image.png
更多随机数据规则看这里
建议用chorme打开,safari不支持
http://mockjs.com/examples.html
随机生成300x300的图片
https://source.unsplash.com/300x300
随机获取320X240图片
http://lorempixel.com/320/240/
简介内容摘取自rap2快速入门
网友评论