前端mock一直是一个比较重要的环节。下面先比较下几款常见的mock工具:json-server,mockjs,easymock。再推荐fig-mock,别名飞哥,一款新出来的,集前面几款mock工具之所长的本地mockServer。(喜欢的小伙伴,可以去github或码云,如果帮助到了你,别忘了 star 一下喔)
1、json-server
这是一款简单易用的mock工具,不用写代码,只要安装json-server就可以快速启动mock服务,然后配置好db.json文件,就可以用postman进行接口测试,或发送Ajax请求了。
优点: 不用自己配置路由。
缺点: 1. 需要自己去创建db.json数据文件,制造数据比较繁琐; 2. 自定义路由不方便。
适用场景: 适合于数据量不大,路由路径比较规则的场景。
2、mockjs
这是一款老牌的mock工具,可以说是鼻祖级别了。这款mock工具,简单易用,可以快速生成mock数据,文档也比较齐全,有很好的示例代码。
优点: mock制造数据很方便
缺点: 需要前端懂点后台代码,需要自己配置路由
适用场景: 懂后端代码的同学,路由比较复杂的场景。
3、easy-mock
mockjs的可视化版本,优点是操作简单,缺点是需要依赖网络环境,也需要自己手写路由配置
4、fig-mock(飞哥)
新出来的mock工具,外号飞哥, 目前github星不是很高,但工具很实用,相信他一定会高星。下面隆重介绍一下:
不用手动制造数据,不用手写路由, 简单几行数据项配置(config时还有语法提示),即可启用一个完整的本地mock服务。在复杂路由的情况下,还可以在自动生成路由的基础上进行个性化配置。既易用又灵活。
优点: 可以说是完美结合了json-server自动路由 + mockjs制造数据的优点
命名由来: fig-mock中的fig 来自 config,意思是通过最简单的数据项配置,就能启动一个完整的mock服务
原理:
- 利用mockjs制造假数据生成json文件,
- 利用express承载后端服务,响应前端请求,操作json文件数据 期间基本的路由会自动生成,免去配置路由的麻烦,不懂后端,也能轻松实现全功能mock
体验地址: github: github.com/wcc0077/fig… (逼格高,但有时打不开。。。)
码云: gitee.com/wcc0077/fig… (国内的,速度杠杠滴~)
如果本项目帮助到你了,别忘了 star 喔~~