开源一个前端 mock 工具

71 天前
 DiamondYuan
https://github.com/MockForge/mockforge

在我之前供职于蚂蚁金服时,我们内部有一款非常实用的模拟工具,名为“bakery”。离开公司后,我发现自己非常怀念这款工具,因此决定自己动手复刻了一个简化版本。

这个工具的功能相对简单。它可以通过 Vite 或者 Webpack 进行集成。只需设置相应的环境变量,就能开开发的时候自动启动 MOCK 管理工具。

开发者可以在管理攻击编辑各个 API 的模拟结果。除了可以设置固定的返回结果外,还可以通过查询参数、请求体或路径参数进行匹配。

Mock 数据将被保存在本地代码库中,这样便于与其他开发者共享,从而提高了开发效率和协同工作的便利性。
1236 次点击
所在节点    程序员
4 条回复
iosyyy
71 天前
好像不能直接运行接口 或者使用这个 mock 的结果 感觉用处不大
DiamondYuan
71 天前
@iosyyy

会在 html 里注入脚本,拦截全部的 xhr 请求。(公司内项目都是 axios ,没用 fetch ,所以我第一版只拦截了 xhr )

如果和配置的 mock 匹配,就会用 mock 数据。
foolishcrab
71 天前
这个 mock 配置页面不截个图放 readme 吗

这个要装包的便利度看起来不如 chrome requestly
DiamondYuan
71 天前
@foolishcrab

mock 数据和代码是放在一起的,方便写测试,本地管理。

通过 npm 集成,可以让所有维护者都不需要安装插件。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1072448

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX