聊天客户端

一个基于Next.js前端和FastAPI后端的极简聊天应用,用于连接MCP服务器。

  • by CampbellJohn
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 campbelljohn/mcp-chat-client

使用说明

MCP聊天客户端(简化MVP)

一个具有Next.js前端和FastAPI后端的最小聊天应用程序,用于连接到MCP服务器。

特性

  • 连接到MCP服务器
  • 简单的聊天界面
  • 回声响应功能(用于演示)

项目结构

  • frontend/ -Next.js前端应用程序
  • backend/ -FastAPI后端API

入门指南

先决条件

  • Node.js(v14或更高版本)
  • Python(v3.8或更高版本)

设置

  1. 启动后端服务器:
cd backend
pip install -r requirements.txt
uvicorn main:app --reload
  1. 在新终端中,启动前端:
cd frontend
npm install
npm run dev

该应用程序将在http://localhost:3000

环境变量

创建一个 .env.local 前端目录中的文件,其中包含:

NEXT_PUBLIC_API_URL=http://localhost:8000

运作原理

这是一个简化的MVP,演示了MCP聊天客户端的基本结构:

  • 后端提供了一个带有端点的FastAPI服务器,用于连接服务器和聊天
  • 前端提供Next.js接口,用于连接服务器和聊天
  • 目前,聊天功能只是回应用户的消息
  • 要扩展此应用程序,您需要在后端实现实际的MCP服务器连接