Nextchat MCP

🚀 與MCP服務器構建器的下一步聊天

這是一個定製版的NextChat，它增加了通過聊天交互創建和部署使用OpenRouter大語言模型的MCP（模型上下文協議）服務器的功能，讓用戶能更便捷地利用大語言模型構建和部署服務器。

🚀 快速開始

先決條件

• Node.js 18.0.0或更高版本
• npm或yarn
• OpenRouter API密鑰

📦 安裝指南

1. 克隆倉庫：

git clone https://github.com/vredrick2/NextChat.git
cd NextChat

2. 安裝依賴項：

npm install
# 或者
yarn

3. 創建一個.env.local文件，內容如下：

# 啟用MCP功能
ENABLE_MCP=true

# OpenRouter API密鑰
OPENAI_API_KEY=您的OpenRouterAPI密鑰

# 設置OpenRouter作為基礎URL
BASE_URL=https://openrouter.ai/api/v1

# 默認模型（可以更改為任何OpenRouter模型）
DEFAULT_MODEL=openrouter/anthropic/claude-3-opus

# 隱藏用戶API密鑰輸入，因為我們使用的是OpenRouter
HIDE_USER_API_KEY=1

# 啟用自定義模型
CUSTOM_MODELS=+openrouter/anthropic/claude-3-opus,+openrouter/anthropic/claude-3-sonnet,+openrouter/google/gemini-pro

4. 啟動開發服務器：

npm run dev
# 或者
yarn dev

5. 在瀏覽器中打開http://localhost:3000。

✨ 主要特性

• 基於聊天的MCP服務器創建：通過簡單的聊天即可創建MCP服務器
• 工具提取：自動從您的描述中提取工具
• 一鍵部署：單擊即可部署您的MCP服務器
• 集成指南：獲取各種AI系統的一整套集成說明
• OpenRouter集成：通過OpenRouter使用廣泛的大語言模型

💻 使用示例

基礎用法

創建MCP服務器的基本步驟如下：

1. 開始新的聊天
2. 輸入“創建一個MCP服務器”或類似短語
3. 按照提示為您的服務器命名並描述其功能
4. 系統將從您的描述中提取工具並部署服務器
5. 您將收到用於與各種AI系統集成的說明

🔧 技術細節

MCP服務器創建界面

MCP服務器創建界面實現為一個React組件，引導用戶完成創建和部署MCP服務器的過程。該界面包括：

• 名稱輸入
• 描述輸入
• 工具提取
• 部署
• 集成指南生成

工具提取

工具從用戶的描述中通過模式匹配提取。系統查找指示特定工具類型的關鍵詞，例如：

• 計算器工具
• 轉換工具
• 天氣工具
• 搜索工具
• 翻譯工具

部署

當前實現使用模擬部署和mock URL。在生產環境中，這將連接到實際的部署服務。

集成

系統為各種AI系統生成集成指南：

• Cursor
• Claude Desktop
• Windsurf
• 直接API訪問

📚 詳細文檔

項目結構

• /app/utils/mcp/types.ts：用於MCP服務器和工具的TypeScript接口
• /app/utils/mcp/storage.ts：管理MCP服務器的存儲實用程序
• /app/utils/mcp/extraction.ts：工具提取功能
• /app/utils/mcp/deployment.ts：部署實用程序
• /app/utils/mcp/chat-integration.ts：聊天集成實用程序
• /app/api/mcp/create/route.ts：創建MCP服務器的API端點
• /app/components/mcp/server-creation.tsx：MCP服務器創建組件
• /app/components/mcp/server-list.tsx：MCP服務器列表組件

注意事項

⚠️ 重要提示

• 確保安裝所有依賴項，並正確配置環境變量。
• 在部署到生產環境之前，測試所有功能以確保正常運行。
• 遵循OpenRouter的使用條款和條件。

希望這個指南對您有所幫助！如果有任何問題，請隨時查看文檔或聯繫支持團隊。