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

[7gugu]

🌟 主要功能

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

💡 适用场景

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

🏠 仓库&NPM

• npm 包地址
• Github

📦 快速上手

1.全局安装 whistle-mcp-tool

npm install -g whistle-mcp-tool

2.在 Cursor 中配置 MCP 服务

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

3.配置完成，开始使用

📢 使用建议

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

截图

[lizy0329]

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

[7gugu]

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

[gongjs]

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

[7gugu]

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