V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
DiamondYuan
V2EX  ›  程序员

开源一个前端 mock 工具

  •  
  •   DiamondYuan · 5 天前 · 878 次点击
    https://github.com/MockForge/mockforge

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

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

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

    Mock 数据将被保存在本地代码库中,这样便于与其他开发者共享,从而提高了开发效率和协同工作的便利性。
    4 条回复    2024-09-13 17:34:25 +08:00
    iosyyy
        1
    iosyyy  
       4 天前
    好像不能直接运行接口 或者使用这个 mock 的结果 感觉用处不大
    DiamondYuan
        2
    DiamondYuan  
    OP
       4 天前
    @iosyyy

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

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

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

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

    通过 npm 集成,可以让所有维护者都不需要安装插件。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   920 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 22:45 · PVG 06:45 · LAX 15:45 · JFK 18:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.