使用说明
主控程序
这是一个使用Next.js、Python和Anthropic Claude构建的模型上下文协议(MCP)聊天机器人应用程序的示例,使用Defang部署。
本例使用Docker mcp/time 镜像作为MCP服务器的基础(包括MCP工具),但它可以适应使用任何Docker MCP图像.
运作原理
服务1(带UI的Web服务器)
web服务器和UI是在Next.js中构建的(参见 /service-1/src/app).web服务器包括连接到MCP客户端的转发动作。
服务2(MCP客户端和MCP服务器)
这 MCP客户端 是用Python编写的,运行在 venv 虚拟环境。MCP服务器由Docker提供 mcp/time 图像。MCP服务器通过某种方式与MCP客户端通信 夸脱 应用程序(即Flask的异步服务器网关接口(ASGI)版本) stdio 运输方法,如 /service-2/main.py有关MCP传输方法的更多信息,请参阅 这里.
以下是用户与UI交互时发生的情况的分解:
- 当用户向聊天机器人提交查询时,浏览器会向Next.js web服务器发送请求。
- Next.js web服务器将通过REST端点将此请求转发给MCP客户端。
- MCP客户端通过与Anthropic(Claude)API和MCP服务器提供的工具交互来处理请求。
- 一旦生成响应,它就会被发送回Next.js web服务器,并在UI中显示给用户。
先决条件
- 下载 德方CLI
- (可选)如果您正在使用 德方BYOC 使用您的云提供商帐户进行身份验证
- (当地发展可选) Docker命令行界面
发展
要在本地运行应用程序,可以使用以下命令:
docker compose up --build
配置
对于此示例,您需要提供以下内容 配置:
请注意,如果您使用的是一键部署选项,您可以在GitHub存储库中将这些值设置为机密,该操作将自动为您部署它们。
ANTHROPIC_API_KEY
用于访问的API密钥 API人类克劳德.
defang config set ANTHROPIC_API_KEY
部署
[!注意] 下载 德方CLI
德方游乐场
打开终端并键入以下命令,将应用程序部署到Defang Playground:
defang compose up
自带电脑
如果你想部署到自己的云帐户,你可以 使用德方BYOC.
标题:模型上下文协议(MCP)聊天机器人
简短描述:一个使用Next.js、Python和Anthropic Claude构建的MCP(模型上下文协议)聊天机器人助手。
标签:MCP,Next.js,Python,Quart,Claude,AI,Anthropic,TypeScript,React,JavaScript
语言:nodejs、python