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

Open MCP Client是什么?

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

Open MCP Client.jpg

功能与特点

  • 极简集成: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/

收藏
最新工具
GreenVideo
GreenVideo

一个无次数限制的视频下载平台,免费、稳定、速度快,支持全球100...

证件星
证件星

一个在线 AI 智能证件照制作工具,小白也能轻松上手,十秒就能做...

id-photo
id-photo

证件照大师,专业的证件照在线处理网站,具有证件照换底色,证件照质...

RealBankNotes
RealBankNotes

一个全球纸币收藏网站。目前有54000张纸币,数量还在增加,就好...

MuscleWiki
MuscleWiki

一个能可视化全身肌肉的健身指南教程网站,有全面的锻炼库,包含 5...

写个字吧
写个字吧

用来生成汉字字帖简单好用的在线工具,只要帮用户练习书写。用户输入...

推推侠
推推侠

一款TikTok达人建联工具,具有精准推荐高潜达人、智能扩展爆单...

TryShortCut AI
TryShortCut AI

一款Excel助手,用户不需要编写复杂公式或VBA代码就能完成E...

TabBoost
TabBoost

一款基于Chrome的浏览器插件,设计上参考了 Arc 浏览器的...

Goblin Tools
Goblin Tools

一免费的专为神经多样性人群设计AI 应用,能帮用户分解任务、检查...