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/