
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>
@endpushSchritt 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
- Nutzen Sie ein aktuelles Chrome mit aktiviertem WebMCP, über den Origin Trial oder das Test-Flag.
- Rufen Sie jedes Tool mit gültigen und ungültigen Eingaben auf.
- Prüfen Sie, dass normale Besucher keine Änderung bemerken.
- 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 buchenVerfasst 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