我造了个前端|我造了个前端 Mock 工具
闲着没事造了个浏览器插件解决前端 Mock 问题。
官网地址 https://just-mock.vercel.app/
前端的痛苦
某一天 leader 问咱们 xxx 需求进度咋样了?
后端: 接口完成,就差前端联调了
前端:你。。。我。。。(哔~~)
第二天 前端加班加点联调好了,想自测下不同接口数据的前端表现
前端: 后端大大,哪个账号下数据比较多,我想测试下分页;哪条数据能触发表单,我想测试下表单,我还想测试下弱网环境。。。
后端:数据不太好造,等测试同学吧
前端:我。。。
第三天 QA介入测试
QA:FE bug 太多,严重阻塞测试工作
前端:我。。。
故事是假的,事是真的。前端确实面临一些问题: 接口定义是否提前约定、缺少 mock 联调测试效率极低
Mock 的意义
Mock 对于前端的意义: 造数。
不会数据库、业务长链路,造数对于前端来说有难度。
常见的 Mock 方案
方式一: 硬核 mock , 直接改代码逻辑。 If (true) {} 。 优点:简单。缺点:容易遗忘,造成线上 bug
方式二:Mock 平台类似 https://github.com/YMFE/yapi ,优点:不入侵代码,简单。缺点:依赖后端搭服务、或者购买第三方**
方式三:Apifox 本地安装应用,功能大而全。
另一种尝试 Just Mock
Just Mock 是一个专门面向 Web 项目的 Mock 工具。你可以使用 Just Mock 来模拟后端响应(用于前后端联调、QA 测试、PM 验收、线上问题还原等场景),仅需安装浏览器插件即可满足 90% 的 Mock 需要。
文章图片
插件下载
插件使用
官网地址
https://just-mock.vercel.app/
【我造了个前端|我造了个前端 Mock 工具】欢迎使用反馈
推荐阅读
- Android插件化技术简介
- Android - "已安装了存在签名冲突的同名数据包",解决方法!
- AutoCAD 2020系统要求
- 当我们按下电源键,Android 究竟做了些什么()
- 手机app有了证件识别功能会怎样()
- XSLT语法用法示例
- 比尔盖茨微信公众号是真的吗?比尔盖茨微信公众号是哪个?_微信
- 比尔盖茨微信公众号是哪个?比尔盖茨微信公众号二维码_微信
- XQuery第一个示例
- TensorFlow安全性( TensorFlow中的5个主要漏洞)