Closed yinguangyao closed 3 years ago
最近在做管理台重构的时候,由于后端没有人力支持,刚哥让我自己用mock数据来模拟接口数据,到时候把方案在组里面分享一下。 于是我调查了现在常用的三种mock方案,最后选择了RAP2来做数据mock。
前后端同时开发的时候,后端接口数据没有出来,甚至接口还没发到测试环境,这个时候前端可以mock接口和假数据,模拟开发;
easy-mock 是一个在线模拟后台的数据平台,通过官网注册账户之后,你就可以生成一个在线的API接口,然后通过ajax或者axios就可以访问这个接口了。 Easy-mock允许我们使用mockjs的语法,通过编写模板来生成随机数据实现数据模拟。 mock语法: 生成mock数据:
甚至支持编写函数实现更加灵活的数据mock。 编写函数: 生成mock数据:
rap2 是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率。
查看成员活动: 接口管理:
yapi是去哪儿团队出品的在线模拟后台的数据平台,它拥有最丰富的界面操作以及最强大的mock定制功能。 相比easy-mock和rap2,yapi的优势在于:
数据导入与导出:
界面化规则:
支持编写脚本与期望:
由于这三种mock方案都支持本地部署,所以可以将其部署到内网中。如果不方便进行本地部署,那么也可以直接使用在线服务(yapi的在线服务非常不稳定)。 我们可以在项目中使用nginx或者whistle等进行接口转发,比如将以/mock开头的接口转发到rap2的在线服务上面,这样在项目中可以直接调用rap2的在线服务(注意:yapi的在线服务不支持跨域)。
这三种mock方案,easy-mock和rap2依然需要掌握mockjs的语法,尤其是easy-mock缺少界面化操作,rap2拥有不错的界面操作,但仍需要我们记住部分mockjs语法规则。 而yapi则拥有最为完整的界面,可以让我们摆脱mockjs各种晦涩的语法,完全在界面上填写规则。同时yapi还支持高度定制化脚本,无疑是三种mock服务中功能最强大的一个。
前言
最近在做管理台重构的时候,由于后端没有人力支持,刚哥让我自己用mock数据来模拟接口数据,到时候把方案在组里面分享一下。 于是我调查了现在常用的三种mock方案,最后选择了RAP2来做数据mock。
为什么需要mock?
前后端同时开发的时候,后端接口数据没有出来,甚至接口还没发到测试环境,这个时候前端可以mock接口和假数据,模拟开发;
常见的几种mock方式
常用的mock方案
easy-mock
easy-mock 是一个在线模拟后台的数据平台,通过官网注册账户之后,你就可以生成一个在线的API接口,然后通过ajax或者axios就可以访问这个接口了。 Easy-mock允许我们使用mockjs的语法,通过编写模板来生成随机数据实现数据模拟。 mock语法: 生成mock数据:
甚至支持编写函数实现更加灵活的数据mock。 编写函数: 生成mock数据:
mockjs
rap2
rap2 是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率。
查看成员活动: 接口管理:
yapi
yapi是去哪儿团队出品的在线模拟后台的数据平台,它拥有最丰富的界面操作以及最强大的mock定制功能。 相比easy-mock和rap2,yapi的优势在于:
数据导入与导出:
界面化规则:
支持编写脚本与期望:
在项目中使用
由于这三种mock方案都支持本地部署,所以可以将其部署到内网中。如果不方便进行本地部署,那么也可以直接使用在线服务(yapi的在线服务非常不稳定)。 我们可以在项目中使用nginx或者whistle等进行接口转发,比如将以/mock开头的接口转发到rap2的在线服务上面,这样在项目中可以直接调用rap2的在线服务(注意:yapi的在线服务不支持跨域)。
总结
这三种mock方案,easy-mock和rap2依然需要掌握mockjs的语法,尤其是easy-mock缺少界面化操作,rap2拥有不错的界面操作,但仍需要我们记住部分mockjs语法规则。 而yapi则拥有最为完整的界面,可以让我们摆脱mockjs各种晦涩的语法,完全在界面上填写规则。同时yapi还支持高度定制化脚本,无疑是三种mock服务中功能最强大的一个。