MCP Server Tester

🚀 MCP サーバーテスター 🔌

MCP サーバーテスターは、MCP サーバーの接続テストを行うためのアプリケーションです。シンプルな構成で、迅速にサーバーの接続状態を確認することができます。

🚀 クイックスタート

以下のコマンドを実行して、プロジェクトをクローンし、必要なパッケージをインストールし、サーバーを起動します。

git clone https://github.com/harshaagrawal20/MCP-server-tester.git
cd MCP-server-tester
npm install express cors body-parser axios
node server.js

起動後、http://localhost:5000 にアクセスしてテストを開始できます。

✨ 主な機能

• シングルエンドポイント (/test-mcp) を使用した階層的な検証機構
• クライアントとサーバーが分離された構造（public/ ディレクトリと server.js）
• データベースを使用しないステートレスな操作
• 入力のクリーニング、URL の検証、接続テスト、診断情報の返却という一連の検証パイプライン
• 即時の視覚的フィードバック（成功/エラー状態）
• ハードウェアアクセラレーションによる CSS アニメーション
• レスポンシブなグラスモーフィズムデザイン
• 詳細な HTTP ステータスレポート

🔧 技術詳細

1. 極簡アーキテクチャ

• 単一のエンドポイント (/test-mcp) を使用し、階層的な検証を行います。
• クライアントとサーバーは分離されており、public/ ディレクトリにクライアントコード、server.js にサーバーコードが配置されています。
• データベースを使用せず、ステートレスな操作を行います。

2. 検証パイプライン

前端からの入力は、以下の手順で検証されます。

1. 入力のクリーニング（バックスラッシュや空白文字の削除）
2. URL 構造の検証
3. 実際の接続テスト（5 秒のタイムアウト設定）
4. 診断情報の返却

3. 核心機能

• 成功またはエラー状態に応じた即時の視覚的フィードバックを提供します。
• ハードウェアアクセラレーションによる CSS アニメーションを使用し、滑らかな表示を実現します。
• レスポンシブなグラスモーフィズムデザインで、様々なデバイスで良好な表示を維持します。
• 詳細な HTTP ステータスレポートを提供し、接続状態を把握しやすくします。

📚 ドキュメント

動画デモ

デモを見る

実時間デモ

デプロイされたバージョンを確認

API 使用説明

POST /test-mcp

リクエストボディ:

{"serverConfig": {"url": "https://example.com"}}

レスポンス:

{"success": true|false, "message": "状態詳細"}

技術スタック

設定

以下のコードでポート番号とタイムアウト時間を設定できます。

const PORT = 5000; // ポート番号の変更
const TIMEOUT = 5000;    // タイムアウト時間の調整

スクリーンショット