Помощник сценариста▸ 
AI Приложения 
AI Новости WebMCP: поддержка MCP для веб-сайтов для взаимодействия ИИ-ассистентов с веб-приложениями
小编 ·
WebMCP: поддержка MCP для веб-сайтов для взаимодействия ИИ-ассистентов с веб-приложениями
WebMCP — это реализация MCP на основе браузера, которая позволяет AI-ассистенту взаимодействовать с веб-приложениями через стандартизированные инструменты. Он встраивает MCP-сервер в веб-страницу, обеспечивая прямую интеграцию с веб-приложением без необходимости использования API-ключей или настройки OAuth. Доступ через браузер с синхронизацией в реальном времени, прямая интеграция с состоянием веб-приложения и поддержка межприложенных рабочих процессов позволяют AI-ассистенту автоматически выполнять задачи между несколькими различными веб-приложениями, решая проблему существующих MCP-решений, которые обходят браузер, и одновременно используя модель аутентификации и безопасности браузера.
Основные функции:
✅Аутентификация с использованием сеанса браузера и файлов cookie.
✅Взаимодействие через интерфейс JSON-RPC, без операций с DOM.
✅Синхронизация с состоянием веб-приложения в реальном времени.
✅Поддержка любого JavaScript-фреймворка или чистого JavaScript.
✅Реализация обычно занимает менее 50 строк кода.
✅Соблюдение политики единого источника и разрешений браузера.
Особенности проекта:
✅Использование механизма аутентификации браузера, без сложной настройки и управления API-ключами.
✅AI-ассистент напрямую получает доступ к структурированным данным, повышая эффективность взаимодействия.
✅Поддержка межприложенных рабочих процессов, каждое приложение сохраняет независимую аутентификацию и контроль доступа.
✅Работа в рамках модели безопасности браузера, обеспечивающая защиту данных.
Архитектура проекта:
Tab MCP Servers: работают внутри веб-страницы и взаимодействуют с API аутентификации.
MCP-B Extension: соединяет серверы вкладок и AI-ассистента, объединяет инструменты и маршрутизирует запросы.
Transport Layers: обеспечивает безопасную связь через API передачи сообщений браузера.
Технологический стек:
Фронтенд: React + TanStack Query + Shadcn UI.
Бэкенд: Cloudflare Workers + Hono.js + PostgreSQL + Drizzle ORM.
Синхронизация данных: реализована с помощью ElectricSQL для синхронизации в реальном времени.
Инструкция по использованию:
✅Для продвинутых пользователей:
Установка зависимостей: pnpm install
Запуск сервера разработки: pnpm dev
Сборка проекта: pnpm build
✅Для обычных пользователей:
Установите расширение для браузера из Chrome Web Store. Настройка API-ключей не требуется — AI-ассистент сможет взаимодействовать с веб-сайтами через существующий сеанс.
Адрес проекта:https://github.com/MiguelsPizza/WebMCP
Официальный сайт:https://mcp-b.ai/
