操作
バグ #698
未完了リモートMCP - ブラウザ対応Web UIダッシュボード実装
ステータス:
新規
優先度:
高め
担当者:
-
開始日:
2025-06-24
期日:
進捗率:
0%
予定工数:
説明
問題¶
現在のmcp-gateway (https://mcp.call2arm.com/) はClaude Desktop向けのAPI + 基本説明ページのみ。
ブラウザからMCPサービスを確認・利用できるWeb UIが不足。
解決方針¶
- MCPサービス一覧表示 - 利用可能なMCPツール・機能の可視化
- ブラウザベースMCPクライアント - Web経由でのMCP操作
- インタラクティブダッシュボード - リアルタイム状況表示
実装内容¶
-
/dashboard
- MCP利用可能サービス一覧 -
/tools
- ブラウザベースMCPツール実行 -
/status
- システム状況リアルタイム表示 - OAuth認証統合
技術仕様¶
- React + TailwindCSS + LINEデザイン言語
- WebSocket リアルタイム通信
- MCP Protocol over HTTP統合
Redmine Admin さんが1日前に更新
実装状況¶
✅ 完了済み¶
-
MCPダッシュボードHTML作成完了
-
/root/mcp-gateway/public/dashboard.html
作成 -
/root/mcp-gateway/public/index.html
更新 - レスポンシブ対応、TailwindCSS使用
-
-
確認済みMCPサービス一覧
- MCP Gateway (Port: 3009) ✅ 稼働中
- Redmine MCP (Port: 3002) ✅ 稼働中
- Ubuntu MCP (Port: 3001) ✅ 稼働中
- WebSocket MCP (Port: 3007) ✅ 稼働中
🔧 現在の問題¶
Express サーバーの静的ファイル配信設定が不完全
-
/dashboard.html
→ "Cannot GET /dashboard.html" - 静的ファイルルーティングが API エンドポイントと競合
🎯 解決方法¶
- Express 静的ファイル設定修正
- Nginx リバースプロキシ経由の静的配信
- 専用Web UIコンテナ追加
暫定対応策¶
現在でもアクセス可能:
- API Status: https://mcp.call2arm.com/health ✅
- OAuth Endpoint: https://mcp.call2arm.com/oauth ✅
- MCP Protocol: Claude Desktop Integration ✅
次のアクション: Express静的ファイル設定修正実装
操作