WebMCP : permet aux sites web de prendre en charge MCP pour l'interaction entre assistants IA et applications web 189

小编 · 2025-07-18

WebMCP est une implémentation MCP basée sur le navigateur qui permet aux assistants IA d'interagir avec des applications web via des outils standardisés. Le serveur MCP est intégré à la page — sans clé API ni configuration OAuth —, synchronisé en temps réel via le navigateur, directement relié à l'état de l'application, et prend en charge des workflows inter-applications. Il résout la limite des solutions MCP existantes qui contournent le navigateur tout en exploitant ses modèles d'authentification et de sécurité.

WebMCP : permet aux sites web de prendre en charge MCP pour l'interaction entre assistants IA et applications web

WebMCP est une solution d'implémentation MCP basée sur navigateur, qui permet à un assistant IA d'interagir avec des applications Web via des outils standardisés. Elle intègre un serveur MCP directement dans la page web,ce qui permet une intégration directe avec les applications Web, sans nécessiter de clé API ni de configuration OAuth, avec une synchronisation en temps réel via le navigateur, une intégration directe à l'état des applications Web, et la prise en charge de flux de travail inter-applications, permettant à l'assistant IA d'exécuter automatiquement des tâches entre plusieurs applications web différentes. Cela résout le problème des solutions MCP existantes qui contournent le navigateur, tout en tirant parti des mécanismes d'authentification et du modèle de sécurité du navigateur.

WebMCP : permet aux sites Web de prendre en charge MCP et aux assistants IA d'interagir avec les applications Web

Fonctionnalités principales :

✅ Authentification via la session du navigateur et les cookies.

✅ Opérations via l'interface JSON-RPC, évitant la manipulation du DOM.

✅ Synchronisation en temps réel avec l'état des applications Web.

✅ Compatible avec tout framework JavaScript ou JavaScript pur.

✅ Code d'implémentation généralement inférieur à 50 lignes.

✅ Respecte la politique de même origine et les autorisations du navigateur.

Caractéristiques du projet :

✅ S'appuie sur le mécanisme d'authentification du navigateur, sans configuration complexe ni gestion de clé API.

✅ L'assistant IA accède directement aux données structurées, améliorant l'efficacité des interactions.

✅ Prise en charge des flux de travail inter-applications, chaque application conservant son authentification et son contrôle d'accès indépendants.

✅ Fonctionne dans le modèle de sécurité du navigateur, garantissant la sécurité des données.

Architecture du projet :

Tab MCP Servers : exécutés dans la page web, interagissent avec l'API d'authentification.
MCP-B Extension : connecte les serveurs d'onglet et l'assistant IA, agrège les outils et route les requêtes.
Transport Layers : communication sécurisée via l'API de messagerie du navigateur.

Stack technique :

Front-end : React + TanStack Query + Shadcn UI.
Back-end : Cloudflare Workers + Hono.js + PostgreSQL + Drizzle ORM.
Synchronisation des données : synchronisation en temps réel via ElectricSQL.

Méthode d'utilisation de WebMCP

Méthode d'utilisation :

✅ Utilisateurs avancés :

Installer les dépendances : pnpm install
Démarrer le serveur de développement : pnpm dev
Construire le projet : pnpm build

✅ Utilisateurs ordinaires :

Installer l'extension de navigateur depuis le Chrome Web Store. Aucune clé API n'est nécessaire, l'assistant IA peut interagir avec les sites Web via la session existante.

Adresse du projet :https://github.com/MiguelsPizza/WebMCP

Adresse officielle :https://mcp-b.ai/