🚀 与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的使用条款和条件。

希望这个指南对您有所帮助！如果有任何问题，请随时查看文档或联系支持团队。