MCP App Testbench

示例：基本服务器（React）

一个带有React UI的MCP应用程序示例。

\[！提示\] 您在寻找一个普通的JavaScript示例吗？看 basic-server-vanillajs!

概述

• 使用链接的UI资源进行工具注册
• 使用React UI useApp() 钩子

关键文件

• server.ts -带工具和资源注册的MCP服务器
• src/mcp-app.html / src/mcp-app.tsx -使用React UI useApp() 钩子

入门指南

npm install
npm run dev

运作原理

1. 服务器注册了一个 get-time 带有元数据的工具，将其链接到UI HTML资源(ui://get-time/mcp-app.html).
2. 当调用该工具时，主机将从资源中呈现UI。
3. UI使用MCP App SDK API与主机和调用服务器工具进行通信。