Open MCP Client：只需一个URL，即可在应用中与MCP服务器交互

Open MCP Client是什么？

Open MCP Client 是首个基于 Web 的 MCP 客户端项目，通过一个 URL 即可实现ai助手与 MCP 服务器的交互。该项目利用 LangChain 构建的 LangGraph agent 连接 MCP 服务器并调用工具，前端则采用 CopilotKit 构建，以实现流畅的客户端交互。目前，该项目已经开源。

功能与特点

• 极简集成：Open MCP Client 提供了极简的集成方式，开发者只需通过一个 URL 即可将 MCP 能力嵌入到自己的应用中，无需从零搭建通信层。

• 多服务器协同：支持同时连接多个 MCP 服务器，例如一个服务器用于处理 GitHub 操作，另一个用于管理 Slack 消息。

• 动态工具发现：客户端能够动态发现并调用服务器提供的工具，无需预设固定逻辑。

• 安全与灵活性：支持本地和云端部署，内置访问控制机制，满足企业级安全需求。

应用场景

• 自动化开发流程：例如，用户可以通过 Slack 提出需求，Open MCP Client 自动调用代码生成工具和 GitHub 接口，生成代码并提交 Pull Request。

• 本地资源访问：通过 MCP 协议，客户端可以安全地访问本地资源，如数据库、文件系统等。

• AI 助手增强：为 AI 助手提供扩展能力，例如通过 MCP 服务器调用外部工具。

技术细节

• 协议版本协商：确保与 MCP 服务器的兼容性。

• 能力协商：动态确定可用功能。

• 消息传输：支持 JSON-RPC 通信。

• 工具发现与执行：客户端能够发现并调用服务器提供的工具。

安装与使用指南

1. 克隆项目

git clone https://github.com/CopilotKit/open-mcp-client.git
cd open-mcp-client

2. 设置环境变量

(1) 在项目根目录下创建 .env 文件：

LANGSMITH_API_KEY=你的LangSmith密钥

(2) 在 /agent 文件夹内创建 .env 文件：

OPENAI_API_KEY=你的OpenAI密钥
LANGSMITH_API_KEY=你的LangSmith密钥

3. 安装依赖

pnpm install

4. 启动项目

(1) 启动前端：

pnpm run dev-frontend

(2) 启动代理（agent）：

pnpm run dev-agent

或者直接运行：

pnpm run dev

Open MCP Client 是 MCP 协议的核心组件之一，通过标准化接口和动态工具发现能力，极大地简化了 AI 助手与外部工具的交互。

GitHub仓库：https://github.com/CopilotKit/open-mcp-client

项目DEMO：https://open-mcp-client.vercel.app/