MCP Server Tester

🚀 MCP サーバーテスター

このWebアプリケーションは、ユーザーがMCPサーバーのURLまたはインストールコードを入力することで、サーバーの接続性と機能をテストすることができます。

✨ 主な機能

• ✅ MCPサーバーのURLまたはインストールコードを受け付けます。
• ✅ 接続性を検証し、レスポンスを取得します。
• ✅ 結果を明確に表示します。
• ✅ エラーを柔軟に処理します。
• ✅ Netlify（フロントエンド）とRender（バックエンド）を使用してデプロイされています。

🔧 技術詳細

技術スタック

📚 ドキュメント

📌 オンラインデモとコードリポジトリ

• 🔗 ウェブページ: creative-torte-69268c.netlify.app
• 🔗 GitHubリポジトリ: https://github.com/kothagundlabhavitha/mcp-server-tester

🚀 クイックスタート

ローカルでのプロジェクトの実行方法

1️⃣ リポジトリをクローンします。

git clone https://github.com/your-username/mcp-server-tester.git
cd mcp-server-tester

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

npm install

3️⃣ バックエンドを起動します。

node server.js

バックエンドは http://localhost:3000 で実行されます。

4️⃣ フロントエンドを開きます。 ブラウザで index.html ファイルを開くか、VS CodeのLive Server拡張機能を使用して実行します。

プロジェクトの動作原理

1️⃣ 有効なMCPサーバーのURL（例: Smitheryからのもの）を入力します。 2️⃣ 「MCPサーバーをテストする」をクリックします。 3️⃣ アプリケーションがバックエンド（Render上で実行されているNode.js）にリクエストを送信します。 4️⃣ バックエンドがMCPサーバーをチェックし、レスポンスを返します。 5️⃣ 結果がウェブページに表示されます。

⚠️ トラブルシューティング

⚠️ 重要提示

• 「無法获取 /」と表示された場合は、バックエンドに / ルートがあることを確認してください。

app.get("/", (req, res) => res.send("MCP サーバーテスターのバックエンドが動作しています！"));

• フロントエンドに「意外的标记 '<'」と表示された場合は、バックエンドが停止している可能性があります。Renderのログでエラー情報を確認してください。
• 「获取失败」が表示された場合は、script.js 内のバックエンドURLが正しいことを確認してください。

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