Quand utiliser WebMCP et MCP

Publié le 11 mars 2026, dernière mise à jour le 19 mai 2026

Alors que les agents d'IA se généralisent dans les navigateurs, nous entendons les développeurs Web poser la question suivante : "WebMCP remplacera-t-il le protocole MCP (Model Context Protocol) ?" Cette question est basée sur un malentendu. Vous n'avez pas besoin de choisir entre MCP et WebMCP pour créer une expérience agentique. WebMCP n'est pas une extension ni un remplacement de MCP.

WebMCP et MCP répondent à des besoins différents. WebMCP clarifie l'objectif des fonctionnalités de l'application et fournit à un agent de navigateur des capacités supplémentaires pour interagir avec votre site Web.

Imaginez que ces technologies sont différents types de service client : MCP est un centre d'appels d'assistance et WebMCP est l'expert en magasin. Une bonne analogie est la différence entre un appel au service client d'une entreprise

  • Le MCP est disponible sur n'importe quelle plate-forme et à tout moment. Il extrait les données et gère les tâches principales selon les besoins.
  • WebMCP n'est disponible que sur votre site Web. Les sites Web sont généralement des interfaces utilisateur (UI) conçues pour les humains, et non pour les machines. WebMCP aide les agents à mieux comprendre l'UI.

Ensemble, ils aident les agents à accomplir des tâches personnalisées au nom des utilisateurs humains.

Fonctions et objectif

Ces deux technologies partagent la même philosophie : créer un moyen standardisé et fiable pour les applications d'exposer leurs outils aux agents d'IA.

En pratique, cela inclut :

  • Découverte structurée des outils : ils permettent à un agent de demander "Que pouvez-vous faire ?" et d'obtenir une liste claire des outils disponibles, de leurs paramètres et de leur objectif, dans un format lisible par machine.
  • Exécution prévisible : ils remplacent les suppositions par des appels de fonction explicites. Un agent fait appel à un outil défini. Cela permet d'obtenir un résultat prévisible, contrairement à la simulation d'un schéma de clics qui peut changer.
  • Intention claire : elles déclarent explicitement leurs capacités. Sans WebMCP ni MCP, les agents devinent l'action à effectuer en fonction de leur compréhension de l'UI. Avec WebMCP et MCP, les agents savent comment une fonctionnalité donnée doit fonctionner, sans avoir besoin de déduire les actions à partir des éléments de l'UI.

La principale différence entre eux réside dans l'emplacement de la fonctionnalité de l'application.

MCP pour le backend

Le protocole MCP (Model Context Protocol) est une norme qui connecte les agents d'IA (basés ou non sur un navigateur) à des systèmes externes, y compris des sources de données, des outils et des workflows. Le protocole est universel, utilise souvent JSON-RPC et est implémenté par le biais de SDK spécifiques à un langage, tels que Rust, Python et TypeScript.

WebMCP est destiné au frontend

WebMCP est une norme de navigateur proposée avec deux API qui interagissent exclusivement avec l'agent intégré d'un navigateur. Vous pouvez implémenter ces API avec des attributs JavaScript ou HTML. Le navigateur sert d'intermédiaire entre votre site Web et l'agent.

Considérez WebMCP comme un ensemble d'API "inspirées de MCP", plutôt que comme une implémentation JavaScript directe de MCP. WebMCP est conçu spécifiquement pour le navigateur et omet divers concepts côté serveur, tels que les ressources.

Contrôler l'accès des agents à votre site Web

WebMCP vous permet de contrôler la façon dont les agents interagissent avec votre site Web. Cela présente plusieurs avantages clés :

  • Vitesse et fiabilité : comme WebMCP utilise les systèmes internes du navigateur, la communication entre le client et l'outil est presque instantanée. Vous n'avez pas à attendre un aller-retour vers un serveur distant.
  • Conçus pour durer : les outils WebMCP se connectent à la logique de l'application, et non à sa conception. Cela signifie que vous pouvez repenser la conception de votre site Web sans nuire à la capacité d'un agent à interagir correctement avec lui.
  • Vous gardez le contrôle : vous définissez clairement la manière dont un agent doit interagir avec votre site, au lieu d'espérer qu'il trouve le bon bouton sur lequel cliquer. Vous définissez la logique de votre application de manière à ce que l'agent puisse la comprendre, en le guidant directement plutôt qu'en espérant qu'il déduise les actions à partir de l'UI.

Contrôler l'accès à l'UI

Pour comprendre la différence, demandez-vous "Qui est propriétaire de l'UI ?". Les applications MCP affichent l'UI de votre application dans l'UI des agents. Votre interface doit respecter ces contraintes et nécessite une nouvelle application distincte.

WebMCP aide les agents à interagir avec votre site Web existant en temps réel. Il accède aux données de session en direct, aux cookies et aux éléments DOM qui ne sont disponibles que dans un onglet de navigateur actif. Au lieu que votre application soit un invité dans un agent, l'agent est un invité sur votre plate-forme.

Il est important de noter que les outils WebMCP sont éphémères. Ils n'existent que lorsque votre page est ouverte. Une fois que l'utilisateur quitte votre site ou ferme l'onglet, l'agent ne peut plus y accéder ni y effectuer d'actions.

Utiliser WebMCP et MCP

Lorsque vous choisissez la solution adaptée à des fonctionnalités ou fonctions spécifiques, tenez compte du contexte et de la disponibilité :

  MCP WebMCP
Purpose Rend les données et les actions disponibles pour les agents, où qu'ils soient et à tout moment. Prépare un site Web en ligne pour une interaction instantanée avec les agents lorsqu'un utilisateur le visite.
Cycle de vie Persistante (serveur et daemon) Éphémère (lié à l'onglet)
Connectivité Monde entier (ordinateur, mobile, cloud, Web) Spécifique à l'environnement (agents de navigateur)
Interaction avec l'UI Sans adresse IP de cluster et externe Intégrée au navigateur et compatible avec le DOM
Discovery Flux d'inscription spécifiques aux agents Outils enregistrés sur la page Web lors de la visite de l'utilisateur.
Cas d'utilisation Effectue des actions d'API en arrière-plan. Navigue et agit sur une interface utilisateur Web en direct.

Les applications basées sur des agents les plus efficaces utilisent à la fois MCP et WebMCP pour tirer parti des avantages des deux technologies.

  1. Gérer la logique principale avec MCP : votre serveur MCP agit comme une couche de service de base. Il gère la logique métier de base, la récupération des données et les tâches en arrière-plan. Cela garantit que votre service est indépendant de la plate-forme et toujours disponible pour les agents.
  2. Créer une UI contextuelle avec WebMCP : WebMCP est la dernière étape, une connexion pour les agents directement à votre site Web. Il est conçu pour les interactions contextuelles dans le navigateur, ce qui permet à un agent d'agir au nom de l'utilisateur rapidement et de manière fiable pendant que l'utilisateur a votre site Web ouvert.

Considérez MCP et WebMCP comme des partenaires, et non comme des adversaires. WebMCP permet à un agent d'IA basé sur un navigateur d'interagir de manière très fidèle avec le monde spécifique que l'utilisateur voit dans son onglet.