MCP Server Tester

🚀 MCP 服務器測試器

MCP 服務器測試器是一個網絡應用程序，用戶只需輸入 MCP 服務器的 URL 或安裝代碼，就能輕鬆測試服務器的連接性和功能，為服務器的使用提供便利。

✨ 主要特性

• ✅ 支持輸入 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. 克隆倉庫

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. 應用程序向後端（Node.js 在 Render 上運行）發送請求。
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。
• 後端：託管在 Render 上，實現免費且始終保持在線的後端服務，訪問地址為 https://mcp-server-tester-e4xf.onrender.com。

🛠 未來改進計劃

• 🔹 優化錯誤處理機制。
• 🔹 增加針對不同 MCP 服務器的測試用例。
• 🔹 改進 UI/UX 設計。

👨‍💻 作者信息

Bhavitha Kothagundla