KI-Automatisierung, RAG & MCP
3 Min. Lesezeit
Vom Engineering-Team von UnlockLive IT
A Laravel app offering WebMCP tools to a browser AI agent

Eine Laravel-App hat bereits alles, was WebMCP-Tools brauchen: Routen, Validierung, Policies und eine Sitzung. Sie ergänzen nur ein kleines Skript auf der Seite. Ist das Thema neu für Sie? Lesen Sie zuerst, was WebMCP ist.

Schritt 1: Eine kleine JSON-Route

Nutzen Sie eine Route in routes/web.php, damit die Sitzung des Besuchers gilt, und ergänzen Sie ein Rate Limit:

Route::get('/agent/products', function (Illuminate\Http\Request $request) {
    $data = $request->validate(['q' => 'required|string|max:80']);

    return App\Models\Product::query()
        ->where('published', true)
        ->where('name', 'like', '%'.$data['q'].'%')
        ->limit(5)
        ->get(['name', 'price', 'slug']);
})->middleware('throttle:30,1');

Wählen Sie nur die Spalten aus, die ein Kunde sehen darf. Geben Sie niemals ein ganzes Model zurück.

Schritt 2: Das Tool in Blade registrieren

Fügen Sie ein Skript in Ihr Layout ein, oder laden Sie es per Push nur auf den Seiten, die es brauchen:

@push('scripts')
<script>
  const mc = document.modelContext || navigator.modelContext;
  if (mc && mc.registerTool) {
    mc.registerTool({
      name: 'search_products',
      description: 'Search published products. Returns name, price and slug.',
      inputSchema: {
        type: 'object',
        properties: { q: { type: 'string', description: 'Keywords' } },
        required: ['q'],
      },
      annotations: { readOnlyHint: true },
      execute: async ({ q }) => {
        const res = await fetch('/agent/products?q=' + encodeURIComponent(q));
        return await res.text();
      },
    });
  }
</script>
@endpush

Schritt 3: Blade-Formulare als Tools

Ergänzen Sie toolname und tooldescription in einem bestehenden Formular. Felder mit Label werden zu Eingaben des Tools. Lassen Sie @csrf stehen. Der Browser füllt das Formular aus, und den Button klickt standardmäßig der Besucher.

Schritt 4: Sensible Aktionen

Senden Sie bei einem POST-Tool das CSRF-Token im Header X-CSRF-TOKEN und autorisieren Sie die Aktion wie gewohnt mit einer Policy. Kennzeichnen Sie das Tool mit consequentialHint: true.

Sicherheitsregeln

  • Starten Sie mit reinem Lesezugriff. Zuerst Suche und Details; kennzeichnen Sie diese mit readOnlyHint.
  • Fragen Sie vor dem Handeln. Kennzeichnen Sie Warenkorb-, Buchungs- und Formularaktionen mit consequentialHint, damit der Besucher bestätigt.
  • Prüfen Sie auf dem Server. Der Browser ist keine Sicherheitsgrenze. Prüfen Sie deshalb jede Eingabe und jede Berechtigung in Ihrem Backend.
  • Geben Sie wenig zurück. Senden Sie nur, was ein Kunde sehen darf, niemals Admin-Daten oder Datensätze anderer Kunden.

Testen

  1. Nutzen Sie ein aktuelles Chrome mit aktiviertem WebMCP, über den Origin Trial oder das Test-Flag.
  2. Rufen Sie jedes Tool mit gültigen und ungültigen Eingaben auf.
  3. Prüfen Sie, dass normale Besucher keine Änderung bemerken.
  4. Prüfen Sie genau die Seite, auf der Ihre Tools liegen, mit dem kostenlosen WebMCP-Checker.

Sollen wir das für Sie übernehmen?

Wir bringen WebMCP in Laravel- und PHP-Apps. Sehen Sie sich unsere WebMCP-Integrationsservices an, oder prüfen Sie Ihre aktuelle PHP-Version mit unserem kostenlosen PHP-Versions-Checker.

Häufig gestellte Fragen

Brauche ich ein Laravel-Paket für WebMCP?

Nein. WebMCP ist eine Browser-API, ein kleines Skript und eine normale Route reichen also aus. Ein Paket spart nur wenig Code.

Wie funktioniert die Authentifizierung mit WebMCP in Laravel?

Tools laufen in der Seite, deshalb senden Same-Origin-Anfragen das Sitzungs-Cookie des Besuchers mit. Ihre Auth-Middleware und Ihre Policies funktionieren wie gewohnt.

Wie ist es mit CSRF bei POST-Tools?

Senden Sie das CSRF-Token aus dem Meta-Tag der Seite im Header X-CSRF-TOKEN, wie bei jeder JavaScript-Anfrage.

Funktioniert das mit Livewire oder Inertia?

Ja. Laden Sie das Skript in Ihrem Hauptlayout, oder registrieren Sie die Tools bei Inertia in einer Vue- oder React-Komponente.

So können wir helfen

  • WebMCP-IntegrationsservicesWebMCP development for any stack, from WordPress and Shopify to Next.js, Laravel and Django: search, FAQs and forms offered as secure tools for AI browser agents, with a free audit.
  • PHP zu Next.js & FastAPI migrierenMigration von Legacy-Anwendungen in PHP, Laravel, CodeIgniter und WordPress zu Next.js und Python FastAPI – mit Festpreis, erhaltenen URLs, SEO und Daten sowie Umstellung ohne Ausfallzeit.
  • Individuelle WebanwendungsentwicklungIndividuelle Full-Stack-Webanwendungsentwicklung für SaaS, interne Tools, Dashboards und Unternehmensportale mit React, Next.js, Node, Laravel und Django.

Sprechen Sie mit einem Entwickler über Ihr Projekt

Erzählen Sie uns, was Sie entwickeln. Wir antworten innerhalb eines Werktags mit einer ehrlichen Einschätzung zu Umfang, Vorgehen und Aufwand.

Kostenloses Strategiegespräch buchen

Verfasst vom Engineering-Team von UnlockLive IT. UnlockLive IT Limited arbeitet mit Kunden über den Hauptsitz in Los Angeles und das Büro in Toronto und liefert die Entwicklung aus dem Delivery-Center in Dhaka. Über uns

Verwandte Artikel

KI-Automatisierung, RAG & MCPWebMCP mit Django und FastAPI: KI-Agenten-Tools für Python-Web-AppsKI-Automatisierung, RAG & MCPWebMCP in Next.js und React: KI-Agenten-Tools richtig registrierenKI-Automatisierung, RAG & MCPWebMCP für Shopify: So machen Sie Ihren Shop bereit für KI-Agenten

Kontaktieren Sie uns

Füllen Sie das untenstehende Formular aus, und unser Team meldet sich in Kürze bei Ihnen, um Ihre Anfrage zu bearbeiten.