9
头图

闲着没事造了个浏览器插件解决前端 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/

欢迎使用反馈


亖混子
4.7k 声望2.4k 粉丝

自信、自洽、自在