本系列文章:
MCP第2章:应用案例合集(cline+cherry studio+n8n+dify)
MCP第3章:开发案例合集(typescript-sdk + python-sdk)
MCP第5章:通过inspector调试mcp server
MCP第6章:通过cloudflare对MCP调用过程抓包分析
MCP第7章:常用mcp client工具(trae+cline+cherrystudio)
1. 概述
文章介绍通过Cloudflare对MCP调用过程抓包分析,包括登录创建gateway、配置cline为Cloudflare、安装高德地图MCP server,还分析了调用“未来3天广州天气预报”的过程及日志。
2. 登录 cloudflare,创建 gateway 获取 url
dash.cloudflare.com/ac9041e42d8…
2.1. 创建 gateway
2.2. 添加为 openRouter
Platform:
OpenRouter
API Endpoint:
gateway.ai.cloudflare.com/v1/ac9041e4…
3. 配置 cline 为 cloudflare
序 1 选 OpenAI Compatible
序 2 就是 cloudflare 的 url,也就是上一步的API Endpoint
序 3 是 openRouter 的 apikey
model id 填写:deepseek/deepseek-chat:free
4. 安装 mcp server
本案例采用 高德地图 mcp server 进行调试,mcp server 配置如下:
需要去官网申请 apikey,官网地址:lbs.amap.com
高德地图 mcp server 使用案例参考:juejin.cn/post/753673…
{
"mcpServers": {
"amap-maps": {
"disabled": true,
"timeout": 60,
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@amap/amap-maps-mcp-server"
],
"env": {
"AMAP_MAPS_API_KEY": "xxxx"
}
}
}
}
5. 调用过程分析
5.1. 提问“请问未来3天广州天气预报”
5.1.1. cline 第一调用大模型
在右边 cline 中的对话框中输入“请问未来3天广州天气预报”。左边在 cloudflare 的调用日志。
5.1.1.1. 调用日志分析
- 请求日志:
clien 提供所有的 mcp server 和对应的工具给大模型
- 返回日志:
大模型决定使用那个 mcp server 和工具,且决定工具调用参数给 cline
5.1.2. cline 第二次调用大模型
点击 cline 中的 Approve 按钮, cline 和大模型发起第二轮交互
5.1.2.1. 调用日志分析
- 请求日志:
cline 将 mcp server 调用结果发给大模型
- 返回日志:
大模型组织回复,在 cline 中进行输出
6. 总结
参考下图进行调用过程分析:
- 上文的交互发生在 LLM 应用程序 和 MCP Client(cline) 之间,他们通过提示词进行交互。
- MCP Client(cline) 和 MCP Server 之间通过 JSON-RPC 2.0 消息协议进行交互。
MCP 协议技术详解具体参考文章:MCP第1章:MCP基础理论(从基本概念到通信原理)
通过 n8n 也可以做类似调用过程分析,可参考下面文章中的 n8n 部分: