MCP Tester

🚀 MCP テスター

Smithery AI アプリケーション向けの MCP サーバーをテストするためのフルスタックアプリケーションです。

🚀 クイックスタート

MCP テスターは、Smithery AI アプリケーションに特化した、MCP サーバーの応答をテストおよび検証するためのフルスタックアプリケーションです。直感的なインターフェースを提供し、リクエストを送信して API 応答を分析することができます。

✨ 主な機能

✅ MCP サーバーテスト – リクエストを送信し、API 応答を分析します。 ✅ エラー処理 – Axios の強力なエラー処理機能を使用します。 ✅ 最適化された API 処理 – 効率的な API 呼び出しと構造化された応答処理を行います。 ✅ 環境変数管理 – クライアントとサーバーの両方で正しく設定されています。 ✅ デプロイ可能 – バックエンドは Render に、フロントエンドは Vercel にホストされています。

🔧 技術詳細

📦 インストール

# 1️⃣ リポジトリをクローンする
git clone https://github.com/helloayan14/mcp-tester.git
cd mcp-tester

# 2️⃣ フロントエンドの依存関係をインストールし、クライアントを起動する
cd mcp-client
npm install

# クライアントで.env ファイルを作成する
VITE_BACKEND_URL=

npm run dev

# 3️⃣ 新しいターミナルを開き、バックエンドディレクトリに移動して依存関係をインストールする
cd mcp-server
npm install

# サーバーで.env ファイルを作成する
PORT=
FRONTEND_URL=

# バックエンドサーバーを起動する
npm start

# フロントエンドの開発モードを起動する
npm run dev

# デプロイ
🔹 フロントエンド: https://mcp-tester.vercel.app/  
🔹 バックエンド: https://mcp-tester.onrender.com