WebMCP bietet eine übersichtliche Schnittstelle für die Werkzeugregistrierung durch React Hooks, der Implementierungsprozess ist wie folgt:
- Einführung der erforderlichen Komponenten: Zunächst ist es notwendig, sich mit der
@mcp-b/mcp-react-hooksimportieren (Daten)McpServerProviderim Gesang antwortenuseMcpServer - Initialisierung des Servers: Verwendung von
<McpServerProvider>Verpacken von Anwendungskomponenten zur Initialisierung - Registrieren von Werkzeugfunktionen: Wird innerhalb der Komponente verwendet
useMcpServerErwerb eines HakensregisterToolMethodologien - Werkzeuglogik definierenJedes Tool muss einen Namen, ein Eingabeformat und eine Callback-Funktion definieren.
Nehmen wir das Beispiel einer To-Do-App, die sich für das addTodo-Tool registriert:
- Der Name des Werkzeugs lautet
'addTodo' - Das Format der Eingabeparameter wird durch die
z.object({text: z.string()})eindeutig und sicher angeben - Die Callback-Funktion führt den Vorgang des Hinzufügens der Aufgabe aus und gibt das Ergebnis zurück.
Bei der Entwicklung ist Vorsicht geboten:
- Die Werkzeugregistrierung sollte durchgeführt werden, wenn das Bauteil montiert ist.
- Die Eingabeformate müssen genau definiert werden, um die Typensicherheit zu gewährleisten.
- Die zurückgegebenen Ergebnisse entsprechen dem Uniform Response Format
Dadurch kann der KI-Assistent verschiedene in der Webseite registrierte Toolfunktionen über den Browser aufrufen.
Diese Antwort stammt aus dem ArtikelWebMCP: Open-Source-Tool zum Betrieb von MCP-Servern in WebseitenDie
Darf nicht ohne Genehmigung vervielfältigt werden:KI-Produktivitätswerkzeuge " Wie ermöglicht WebMCP die Registrierung und Verwendung von AI-Tools in Webseiten?
Deutsch 
简体中文 
English 
日本語 
Português do Brasil