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. 克隆项目

gitclonehttps://github.com/CopilotKit/open-mcp-client.gitcdopen-mcp-client

2. 设置环境变量

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

LANGSMITH_API_KEY=你的LangSmith密钥

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

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

3. 安装依赖

pnpminstall

4. 启动项目

(1) 启动前端：

pnpmrundev-frontend

(2) 启动代理（agent）：

pnpmrundev-agent

或者直接运行：

pnpmrundev

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

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

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