WebMCP et agents d'IA
Créez des sites Web et des applications qui fonctionnent pour les utilisateurs et leurs agents d'IA.
Fonctionnement de WebMCP
En trois étapes seulement, votre site indique aux agents exactement ce qu'ils peuvent faire.
Étape 1
Outils enregistrés sur votre site
Votre site déclare les actions qu'un agent peut effectuer, en tant qu'outils WebMCP. Chaque outil possède un nom, une description et un schéma JSON.
// Imperative API document.modelContext.registerTool({ name: "bookSlot", title: "Book a consultation slot", description: "Reserve a 30-minute consultation.", inputSchema: { type: "object", properties: { date: { type: "string", format: "date" }, time: { type: "string" }, name: { type: "string" }, email: { type: "string", format: "email" } }, required: ["date", "time", "name", "email"] }, annotations: { readOnlyHint: false }, execute: async (input, client) => { return await api.book(input); } });
Étape 2
Le navigateur les expose
Le navigateur collecte et présente ces outils à l'agent WebMCP de l'utilisateur, ainsi que l'URL, le titre et le champ d'application des autorisations d'origine de la page.
Étape 3
L'agent effectue des actions, sans avoir besoin de deviner
L'agent voit un contrat, fournit des arguments structurés et votre code fait le reste. L'utilisateur est informé des autorisations et des confirmations. Finies les devinettes.
// the agent's view { "tool": "bookSlot", "arguments": { "date": "2026-07-31", "time": "14:00", "name": "Jerry Jones", "email": "jerry.jones@example.com" } }
Créer des outils pour les agents
Explorez plus en détail les API et la documentation WebMCP.
Quand utiliser WebMCP ?
Découvrez les opportunités pour votre site afin d'aider les utilisateurs et les agents à être plus efficaces en ajoutant des outils WebMCP.
API impérative
Définissez des outils WebMCP avec du code JavaScript standard pour exécuter des fonctions spécifiques au site, telles que la saisie de formulaires et la navigation sur le site.
API déclarative
Transformez vos formulaires HTML standards en outils WebMCP en ajoutant des annotations.
Évaluations WebMCP
Testez vos outils pour vérifier que les agents comprennent quand les appeler, comment les exécuter et quelles réponses sont acceptables.
Bonnes pratiques
Découvrez les bonnes pratiques pour utiliser les API WebMCP.
Sécurité de l'outil WebMCP
Découvrez comment créer des outils sécurisés pour votre site Web.
WebMCP et MCP
Ensemble, WebMCP et MCP aident les agents à accomplir des tâches personnalisées pour les utilisateurs humains.
Créer avec des agents IA
Conseils pour le Web moderne
Utilisez les conseils Web modernes avec vos agents de codage IA préférés pour accéder aux bonnes pratiques Web dans votre workflow préféré.
npx modern-web-guidance@latest install
Créer des extensions avec des agents de codage
Utilisez les conseils pour le Web moderne afin de créer des extensions plus rapidement, avec l'aide d'agents de codage.
Considérations de sécurité pour les développeurs d'agents
Les développeurs d'agents doivent concevoir des protections contre les textes malveillants provenant de contenus non fiables. Nous identifions certaines techniques de sécurité pertinentes pour les agents utilisant WebMCP.
Découvrez Gemini dans Chrome
Un assistant IA, directement dans votre navigateur. Identifiez les informations importantes, clarifiez des concepts et obtenez des réponses en fonction de vos onglets ouverts.
Gemini fonctionne dans toutes vos applications Google pour vous aider à être plus efficace au quotidien.
Présentation des agents IA
Qu'est-ce qu'un agent d'IA ?
Comprendre les principes de base et les définitions des différentes technologies émergentes, souvent appelées IA.
Créer des sites Web adaptés aux agents
En tant qu'utilisateurs du Web, il est essentiel que nous concevions de nouvelles technologies de manière réfléchie et responsable.
Apprendre à utiliser l'IA
Acquérir des connaissances de base sur l'IA pour ajouter des fonctionnalités à vos sites Web et applications Web.