Webmcp

WebMCPは、ウェブサイトがクライアントLLM（大規模言語モデル）をサポートできるようにするプロジェクトです。ローカルのWebSocketサーバーを介して、ウェブサイトとLLMの間でツール、リソース、プロンプトを共有でき、APIキーは必要ありません。複数のモデルをサポートしています。

人工知能チャットボット開発者ツール #LLMツール #ウェブサイト統合 #ローカルサービス #リソース共有 .JavaScript

スコア : 2.5ポイント

ダウンロード数 : 41

更新時間 : 2025-04-23

WebMCPとは？

WebMCPは、ウェブサイトがAPIキーを公開することなく、クライアントの大規模言語モデルとツールやリソースを共有することで、インタラクティビティを強化するためのプロトコルとツールキットです。

WebMCPはどのように機能するのか？

安全な通信チャネルを作成することで、ウェブサイトがユーザーのクライアントLLMにタスクを委託できるようにし、同時にデータのプライバシーを維持します。

ユースケース

ユーザーは、ニュースサイトから記事を検索したり、電子商取引サイトで商品の提案を取得したりするなど、さまざまなタスクを実行できます。

WebMCP

機能特性

セキュリティを最優先すべての通信はローカルで行われ、敏感なデータにアクセスするために使い捨てトークンが使用されます。

クロスプラットフォーム互換性Windows、macOS、Linuxシステムをサポートします。

統合ガイド開発者がローカルLLM機能を簡単に統合できるように、詳細なドキュメントを提供します。

利点と欠点の分析

使用ガイド

WebMCPエージェントをインストールする

手順説明：公式サイトにアクセスし、対応するシステムを選択してダウンロードします。

APIキーを設定する

手順説明：設定メニューに移動し、API情報を追加します。

アプリケーションに統合する

手順説明：開発者ドキュメントを参照して統合操作を行います。

リソースリンク

ダウンロードページ

さまざまなオペレーティングシステムに適したインストールパッケージを取得します。

開発者ガイド

詳細な技術説明とAPIリファレンスです。

コミュニティフォーラム

議論に参加し、サポートを得て、経験を共有します。

🚀 WebMCP - ウェブクライアント向け大型言語モデルサポートツール

WebMCPは、ウェブサイトがクライアント側で大型言語モデル（LLMs）をサポートできるようにする革新的なツールです。npmパッケージを提供することで、フロントエンドでのLLMsの統合と管理を簡素化します。現在はまだ初期段階ですが、強力な機能と可能性を示しています。

🚀 クイックスタート

📦 インストール

WebMCPをインストールするには、次のコマンドを実行します。

npm install webmcp

⚙️ 初期化設定

MCPサーバーを初期化し、以下のコマンドを実行します。

npx webmcp --init

Dockerを使用する場合は、--docker パラメータを追加してください。

🔌 ウェブサイトへの統合ガイド

📜 WebMCPスクリプトの導入

ウェブサイトでMCP機能をサポートするために、WebMCPスクリプトを導入します。

// index.html
<script src="https://cdn.jsdelivr.net/npm/webmcp/dist/webmcp.min.js"></script>

🎛️ ウィジェットの自動表示

WebMCPは、ユーザーがMCPと簡単にやり取りできるコンソールウィジェットを提供しています。

🔧 技術詳細

🌐 核心フロー

初期接続：MCPクライアントは内部トークンを使用してMCPサーバーに接続します。
登録トークンの取得：ユーザーがウェブサイト登録用のトークンを要求して取得します。
ウェブサイトの登録：ユーザーがウェブサイトでトークンを入力し、WebSocketサーバーとの接続とセッショントークンの割り当てを完了します。
ツールのやり取り：MCPクライアントはサーバーを介してウェブサイトと通信し、ツールの要求を実行して結果を返します。

📶 ネットワークアーキテクチャ

sequenceDiagram
    参与者 用户
    参与者 MCP（MCP 客户端）
    参与者 服务器（MCP 服务器）
    参与者 WS（WebSocket 服务器）
    参与者 Web（网站）

    %% 初始连接
    MCP->>Server: 连接到 /mcp 使用内部令牌

    %% 网站注册令牌
    User->>MCP: 请求注册令牌
    MCP->>Server: 请求注册令牌
    Server-->>MCP: 返回注册令牌
    MCP-->>User: 显示注册令牌

    %% 网站注册
    User->>Web: 输入注册令牌
    Web->>WS: 连接到 /register 使用令牌和域名（令牌被删除）
    WS-->>Web: 分配通道和会话令牌
    Web->>WS: 连接到指定通道

    %% 工具交互
    MCP->>Server: 请求工具列表
    Server->>WS: 转发请求
    WS->>Web: 请求工具列表
    Web-->>WS: 返回工具列表
    WS-->>Server: 转发工具列表
    Server-->>MCP: 返回工具列表

    %% 工具执行
    MCP->>Server: 工具请求
    Server->>WS: 转发请求
    WS->>Web: 执行工具操作
    Web-->>WS: 返回结果
    WS-->>Server: 转发结果
    Server-->>MCP: 返回结果

    %% 断开连接
    User->>Web: 请求断开连接
    Web->>WS: 关闭连接