Gerade hatte Matt Dir noch vom neuen WebMCP berichtet und schon bin ich Feuer und Flamme. Nicht nur, weil ich ehrenamtlich bei der Tatütata bin, sondern weil mich der technische Fortschritt hier begeistert.
Zerlegen wir erstmal das Wort. Ok… “Web” skippen wir, das bekommste hin. 🕷️
MCP steht für Model Context Protocol. Protokolle kennen wir doch von HTTP – Hyper Text Transfer Protocol oder FTP – File Transfer Protocol oder auch das Royale Protocol, das beispielsweise nicht vorsieht, dass orangehäutige Gäste auf dem roten Teppich vor dem König rumstolpern.
Damit Du nicht ins Stolpern gerätst, wenn Du WebMCP in Deine nächste Userstory kippen willst, habe ich das Ganze mal an unserer Wingmen Newsletter Suche für Dich durchgespielt.
Vorbereitung
-
Zunächst brauchen wir die Chrome Beta Version, damit wir hier mit den neuesten Entwicklungen herumexperimentieren können. https://www.google.com/intl/de/chrome/beta/
-
Kaum installiert, tweaken wir unter chrome://flags/ die WebMCP-Einstellungen auf aktiv.
-
Jetzt noch diese flotte Extension installiert und wir sind ready to go: Model Context Tool Inspector
Mit diesen Einstellungen ging es dann in die SEO Newsletter Suche mit aktiviertem Plugin. Wie erwartet sehen wir hier auf der rechten Seite im Model Context Tool Inspector noch nichts.
Klar, war ja auch noch nichts implementiert.
Das kam jetzt.
Der Plan: Ein LLM soll die SEO-Newslettersuche aufrufen können.
Dazu fix eine Funktion gebastelt, die unsere Newsletter-Datenbank möglichst sicher abfragt, damit LLM-Schlingel hier keine SQL-Injection probieren und das Ganze ein bisschen isoliert läuft. Diese hab ich dann im HTML der Seite mit dieser Funktion eingebettet:
https://wngmn.com/webmcp/webmcp-newsletter-search.js
Und siehe da… das sieht schon ganz anders aus und wir können nun unten im Feld Input Arguments den Query anpassen und mit "Execute Tool" die Abfrage starten.
Als Ergebnis liefert die PHP-Funktion, die in dem JavaScript angesprochen wird, dann ein JSON zurück.
Jetzt zur Kür… der Test mit der Gemini-API. Praktischerweise auch direkt in der Extension nutzbar. Ich hab fix den API-Key eingegeben und dann mit diesem Prompt auf die Seite mit integriertem WebMCP gejagt: "Suche im Wingmen SEO Newsletter nach LLM". Yes, funktioniert!
War doch gar nicht so schwer, oder? Wenn Du Hilfe bei der Integration von WebMCP brauchst, helfen die Wingmenschen Dir gerne!