MCP第6章:通过cloudflare对MCP调用过程抓包分析

234 阅读2分钟

本系列文章:

MCP第1章:MCP基础理论(从基本概念到通信原理)

MCP第2章:应用案例合集(cline+cherry studio+n8n+dify)

MCP第3章:开发案例合集(typescript-sdk + python-sdk)

MCP第4章:常用mcp servers和使用案例

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 部分:

MCP第2章:应用案例合集(cline+cherry studio+n8n+dify)