Mcphub

🚀 MCPHub

MCPHubは、Model Context Protocol (MCP) サーバーを管理するためのハイブリッド型のWeb/Chrome拡張アプリケーションです。apt/pipの代替品と考えてくださいが、MCPサーバー向けで、最新のWebインターフェースと安全なローカルシステム統合を備えています。

🚀 クイックスタート

Chrome拡張とローカルホストのインストール

Windows:

1. このリポジトリをクローンします。
2. インストールスクリプトを実行します。

cd chrome-extension/scripts
windows-install.bat

3. Chromeで拡張を読み込みます。
   • chrome://extensions/ を開きます。
   • 開発者モードを有効にします。
   • "アンパック済みの拡張機能を読み込む" をクリックします。
   • chrome-extension ディレクトリを選択します。

MacOS/Linux:

1. このリポジトリをクローンします。
2. インストールスクリプトを実行します。

cd chrome-extension/scripts
# 对于 MacOS:
./macos-install.sh
# 对于 Linux:
./linux-install.sh

3. Chromeで拡張を読み込みます。
   • chrome://extensions/ を開きます。
   • 開発者モードを有効にします。
   • "アンパック済みの拡張機能を読み込む" をクリックします。
   • chrome-extension ディレクトリを選択します。

Webフロントエンドの実行

1. Webディレクトリに切り替えます。

cd web

2. 依存関係をインストールします。

npm install

3. 開発サーバーを起動します。

npm run dev

4. Chromeで http://localhost:3000 を開きます。

✨ 主な機能

• 📦 MCPサーバーの閲覧とインストール
• ⚙️ サーバー設定の管理
• 🔐 Chrome拡張を通じた安全なローカル操作
• 🌐 Webベースのインターフェース
• 🔄 リアルタイムの状態監視
• 🛠️ 環境変数の管理
• 📝 Claude Desktop設定の統合
• 🖥️ マルチプラットフォーム対応

📁 プロジェクト構造

mcphub/
├── chrome-extension/       # Chrome拡張
│   ├── manifest.json      # 拡張マニフェストファイル
│   ├── background.js      # サービスワーカー
│   ├── popup/            # 拡張ポップアップUI
│   ├── native-host/      # ネイティブメッセージホスト
│   └── scripts/          # スクリプト
└── web/                  # Webフロントエンド
    ├── package.json      # プロジェクト依存関係管理
    └── src/              # ソースコードフォルダ

📄 ライセンス

このプロジェクトはMITライセンスの下で提供されています。詳細については、LICENSE ファイルを参照してください。

🔗 リンク

• ドキュメント
• 問題追跡システム
• Model Context Protocol