VDX MCP示例
全栈应用程序演示与VisualDX模型上下文协议（MCP）服务器的集成。该项目提供了一个React前端和Node.js后端，用于与VisualDX MCP工具进行交互，以进行医学诊断和症状分析。
建筑
前端(📖 查看前端README)
- 框架：React 19+TypeScript+Vite
- MCP用户界面: @mcp用户界面/客户端 -模型上下文协议的UI组件
- HTTP客户端：Axios
- 端口：3000（开发人员）
- 特性:
- MCP资源浏览器 - 工具执行界面 - 实时响应 - SSE支持流媒体
后端(📖 查看后端自述文件)
- 运行时：Node.js+Express+TypeScript
- 端口: 8000
- 特性:
- MCP协议代理 - 自动令牌管理 - 会话处理 - CORS已启用 - 基于环境的配置
快速开始
先决条件
- Node.js 18+
- npm或纱线
- VisualDX API凭据
安装
- 克隆仓库
git clone https://github.com/Phamiliar-Technologies-LLC/visualdx-mcp-examples.git
cd visualdx-mcp-examples- 设置后端
cd backend
npm install
# Create .env file
PORT=8000
VISUALDX_MCP_API_URL=https://vdx-mcp-server.phamiliar.ai/mcp
VISUALDX_API_URL=https://api-dev.visualdx.com/v1
VISUALDX_API_KEY=your_api_key_here
VISUALDX_API_SECRET=your_api_secret_here
# Start backend server
npm run dev- 设置前端
cd ../frontend
npm install
# Create .env.local file
VITE_BASE_API=http://localhost:8000
VITE_PORT=3000
# Start frontend dev server
npm run dev- 访问应用程序
- 前端：http://localhost:3000 - 后端API：http://localhost:8000
API终点
后端API
MCP协议
POST /api/vdx-mcp/tools-列出可用工具POST /api/vdx-mcp/call-tool-执行MCP工具
📚 文档
- 后端自述 -详细的后端文档
- 前端自述 -前端设置和MCP UI指南
- MCP UI文档 -MCP UI官方文档
- VisualDX API -VisualDX API文档
👥 联系
有关VisualDX API凭据，请联系VisualDX支持或您的帐户经理。