模型上下文协议（MCP）测试客户端

使用服务器发送事件（SSE）连接到MCP服务器，并以聊天式UI显示对话的模型上下文协议（MCP）客户端实现。 它是一个独立的Actor服务器，专为通过SSE测试MCP服务器而设计。 它使用按事件付费定价模式。

更多信息，请参阅模型上下文协议网站或博客文章什么是MCP以及它为什么重要？。

运行Actor后，检查输出或日志以获取聊天式UI界面的链接，以与MCP服务器交互。 URL看起来像这样，每次运行都会变化：

Navigate to https://...apify.net to interact with chat-ui interface.

🚀 主要功能

• 🔌 使用服务器发送事件（SSE）或流式HTTP连接到MCP服务器
• 💬 提供聊天式UI以显示工具调用和结果
• 🇦 连接到Apify MCP服务器以与一个或多个Apify Actor交互
• 💥 根据上下文和用户查询动态使用工具（如果服务器支持）
• 🔓 使用授权头和API密钥进行安全连接
• 🪟 开源，因此您可以查看它、建议改进或修改它

🎯 Tester MCP Client的作用是什么？

连接到Apify MCP服务器时，Tester MCP Client提供了一个交互式聊天界面，您可以在其中：

• "哪些是社交媒体抓取的最受欢迎的Actor？"
• "向我展示使用Instagram Scraper的最佳方法"
• "我应该使用哪个Actor从LinkedIn中提取数据？"
• "你能帮我理解如何抓取Google搜索结果吗？"

📖 工作原理

Apify MCP Client通过服务器发送事件（SSE）连接到运行的MCP服务器，并执行以下操作：

• 初始化到MCP服务器/sse的SSE连接
• 通过POST /message将用户查询发送到MCP服务器
• 接收实时流式响应（通过GET /sse），这些响应可能包括LLM输出和工具使用块
• 根据LLM响应，协调工具调用并显示对话
• 显示对话

⚙️ 使用方法

• 通过SSE测试任何MCP服务器
• 测试Apify MCP服务器以及动态选择数千种工具的能力

普通模式（在Apify上）

您可以在Apify上运行Tester MCP Client并将其连接到支持SSE的任何MCP服务器。 配置可以通过Apify UI或API完成，通过指定MCP服务器URL、系统提示和API密钥等参数。

运行Actor后，检查日志以获取Tester MCP Client UI的链接，您可以在其中与MCP服务器交互： URL看起来像这样，并且每次运行都会不同：

INFO  在您的浏览器中导航到 https://......runs.apify.net 以与MCP服务器交互。

💰 定价

Apify MCP Client免费使用。您只需为LLM提供者使用和Apify平台上消耗的资源付费。

此Actor使用一种现代且灵活的AI Agent货币化和定价方法，称为按事件付费。

计费事件：

• Actor启动（基于使用的内存，每128 MB单元计费）
• 运行时间（每5分钟计费，每128 MB单元）
• 查询回答（取决于使用的模型，如果您提供自己的LLM提供者API密钥则不收费）

当您使用自己的LLM提供者API密钥时，使用128 MB内存运行MCP Client 1小时的大约成本为$0.06。 使用Apify免费套餐（无需信用卡💳），您每月可以运行MCP Client 80小时。 绝对足够测试您的MCP服务器！

📖 工作原理

浏览器 ← (SSE) → Tester MCP Client  ← (SSE) → MCP Server

我们创建这个链，以将任何自定义桥接逻辑保留在Tester MCP Client中，同时保持主要的MCP服务器不变。 浏览器使用SSE与Tester MCP Client通信，Tester MCP Client依赖于SSE与MCP服务器通信。 这将额外的客户端逻辑与核心服务器分离，使其更易于维护和调试。

1. 导航到 https://tester-mcp-client.apify.actor?token=YOUR-API-TOKEN（如果您在本地运行，则为http://localhost:3000）。
2. 文件index.html和client.js从public/目录提供。
3. 浏览器通过GET /sse打开SSE流。
4. 发送用户查询，使用POST /message。
5. 查询处理：
   • 调用大型语言模型。
   • 如果需要，调用工具使用
6. 对于每个结果块，sseEmit(role, content)

本地开发

Tester MCP Client Actor是开源的，可在GitHub上获取，允许您按需修改和开发它。

下载源代码：

git clone https://github.com/apify/tester-mcp-client.git
cd tester-mcp-client

安装依赖项：

npm install

创建一个.env文件，包含以下内容（参考.env.example文件进行指导）：

APIFY_TOKEN=YOUR_APIFY_TOKEN
LLM_PROVIDER_API_KEY=YOUR_API_KEY

const.ts文件中定义了mcpUrl、systemPrompt和其他设置的默认值。您可以根据需要调整这些值进行开发。

在本地运行客户端

npm start

在您的浏览器中导航到http://localhost:3000以与MCP服务器交互。

祝您与Apify Actor聊天愉快！

ⓘ 限制和反馈

客户端不支持所有MCP功能，例如提示和资源。

参考文献

• 模型上下文协议
• Apify Actors MCP服务器
• Apify MCP服务器
• 按事件付费定价模式
• 什么是AI Agent？
• 什么是MCP以及它为什么重要？
• 如何使用MCP与Apify Actors