Mcp Server Tester

MCP サーバーのテスター 🚀 MCP サーバーの URL またはインストールコードを入力して、MCP サーバーの接続性と機能をテストできるウェブアプリケーションです。 🔹 機能 ✅ MCP サーバーの URL またはインストールコードを受け付けます ✅ 接続を確認し、応答を取得します ✅ 結果をわかりやすく表示します ✅ エラーを適切に処理します ✅ Netlify（フロントエンド）と Render（バックエンド）にデプロイされています 🔹 技術スタック フロントエンド：HTML、CSS、JavaScript

バックエンド：Node.js、Express.js

ホスティング：Netlify（フロントエンド）、Render（バックエンド）

📌 ライブデモとリポジトリ 🔗 ライブアプリ：creative-torte-69268c.netlify.app 🔗 GitHub リポジトリ：https://github.com/kothagundlabhavitha/mcp-server-tester 🚀 プロジェクトをローカルで実行する方法 1️⃣ リポジトリをクローンする bash コピー 編集 git clone https://github.com/your-username/mcp-server-tester.git cd mcp-server-tester 2️⃣ 依存関係をインストールする bash コピー 編集 npm install 3️⃣ バックエンドを起動する bash コピー 編集 node server.js バックエンドは http://localhost:3000 で起動します

4️⃣ フロントエンドを開く ブラウザーで index.html を開きます

または、VS Code の Live Server 拡張機能を使用します

📌 仕組み 1️⃣ 有効な MCP サーバーの URL（例：Smithery の URL）を入力します 2️⃣ 「MCP サーバーをテスト」をクリックします 3️⃣ アプリがバックエンド（Render 上の Node.js）にリクエストを送信します 4️⃣ バックエンドが MCP サーバーを確認し、応答を返します 5️⃣ 結果がウェブページに表示されます ⚠️ トラブルシューティング 「Cannot GET /」と表示される場合は、バックエンドに / ルートがあることを確認してください。

js コピー 編集 app.get("/", (req, res) => res.send("MCP Server Tester Backend is running!")); フロントエンドに「Unexpected token '<'」と表示される場合は、バックエンドが停止している可能性があります。Render のログでエラーを確認してください。

「Failed to fetch」と表示される場合は、script.js 内のバックエンド URL が正しいことを確認してください。

js コピー 編集 const backendUrl = "https://mcp-server-tester-e4xf.onrender.com"; 📌 デプロイの詳細 フロントエンド： ✅ Netlify → creative-torte-69268c.netlify.app

迅速かつ無料でデプロイできるよう、Netlify を使用してホストしています

バックエンド： ✅ Render → https://mcp-server-tester-e4xf.onrender.com

無料で常時オンラインのバックエンドを提供するため、Render でホストしています 🛠 今後の改善 🔹 エラー処理の改善 🔹 さまざまな MCP サーバー向けのテストケースの追加 🔹 UI/UX の改善

👨‍💻 作者 Bhavitha Kothagundla