[工具] Whistle-MCP - 让你的 AI 助手成为网络代理专家

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 238 天前的主题，其中的信息可能已经有所发展或是发生改变。

主要功能

智能分析网络请求 - AI 助手可帮你分析指定时间段内的 whistle 请求，发现异常
一键重放请求 - 只需告诉 AI 要重放哪个请求，无需手动配置参数
自动生成代理规则 - 根据代码定义自动生成 whistle 代理规则和 mock 数据
全面管理代理配置 - 通过自然语言轻松管理规则、分组和值

适用场景

前端开发时快速调试接口问题
测试人员模拟各种网络响应场景
移动端应用抓包分析与请求重放

仓库&NPM

快速上手

1.全局安装 whistle-mcp-tool

npm install -g whistle-mcp-tool

2.在 Cursor 中配置 MCP 服务

{ "mcpServers": { "Whistle MCP": { "command": "whistle-mcp", "args": [ "--host=<如需指定 IP,可以增加该参数控制>" "--port=<如需指定端口,可以增加该参数控制>" ] } } }

3.配置完成，开始使用

使用建议

建议使用 Claude 3.7 Sonnet ，表现最好
建议在 Prompt 中加上「接口中不需要含有转义符和换行符」和「 Mock 数据应该是 JSON 格式」，这样子 AI 的输出会更标准

截图

网络代理

Whistle-MCP

4 条回复 2025-05-28 14:16:39 +08:00

lizy0329

204 天前

教程好像没有教你如何 mock 数据？

7gugu

204 天前

@lizy0329 很简单的。比如在 Raycast 里注册好这个 Server 之后，你把 curl 贴进去，然后告诉 Raycast 帮你生成这个 curl 对应的 mock 数据，Raycast 就会自动调用工具帮你生成出来的了。而在 Cursor 里，你只要框选你要的代码，使用 Command+L ，添加到对话的上下文里，告诉 AI 帮你生成 mock 数据，他就会自动选择用 Whistle-MCP 帮你处理的了，比 Raycast 还要更智能一点。

gongjs

191 天前

所以这个前提是已经有实现的接口了，然后去 mock 已经实现的接口的数据？

7gugu

191 天前

@gongjs 对，使用场景是：后台已经跟你协商好了接口定义，但是还没开发完成的时候，web 侧就可以自己先 Mock 好接口做调试，等后台的接口开发完成后，再联调。