プロジェクト

全般

プロフィール

バグ #687

未完了

VPS-ROOT並行運用型統合MCPクライアント - Phase 2: フロントエンド実装・動作テスト

Redmine Admin さんが18日前に追加.

ステータス:
新規
優先度:
高め
担当者:
-
開始日:
2025-06-24
期日:
進捗率:

0%

予定工数:

説明

🎯 Phase 2実装目標

VPS-ROOT並行運用型統合MCPクライアントのPhase 2として、Web版フロントエンドUI実装と基本動作テストを実施。

📋 前提条件(Phase 1完了事項)

  • ✅ 既存MCP完全保護システム実装済み
  • ✅ OAuth 2.1 + PKCE認証基盤構築済み
  • ✅ 独立Redmine統合実装済み
  • ✅ 安全並行運用Docker構成完了
  • ✅ プロジェクト場所: /root/mcp-web-parallel/

🎨 Phase 2実装スコープ

1. React フロントエンド実装

技術スタック

  • フレームワーク: React 18+ + TypeScript
  • スタイリング: TailwindCSS + LINEデザイン言語
  • 状態管理: Zustand + React Query
  • ビルドツール: Vite
  • UI コンポーネント: Headless UI + Heroicons

主要画面実装

  • 認証画面: OAuth 2.1フロー + Claude Desktop連携確認
  • ダッシュボード: システム状況・既存MCP保護状態表示
  • Redmine統合: チケット管理(作成・更新・検索・コメント)
  • Docker管理: コンテナ状況確認(読み取り専用)
  • 設定画面: 段階的移行・競合回避設定

2. 基本動作テスト

安全性テスト

  • 既存Claude Desktop MCP機能への影響確認
  • 競合検出・回避機能の動作テスト
  • 緊急ロールバック機能の検証

機能テスト

  • OAuth認証フローの正常動作確認
  • Redmine統合機能のエンドツーエンドテスト
  • APIエンドポイントの統合テスト

並行運用テスト

  • Claude Desktop + Web版の同時利用テスト
  • 読み取り専用モード切り替えテスト
  • ユーザー体験・パフォーマンステスト

3. デプロイ・統合

本格デプロイ

  • mcpweb.call2arm.com ドメイン設定
  • Let's Encrypt SSL証明書統合
  • Nginx proxy-network統合

監視・ログ

  • アプリケーションログ統合
  • エラー監視・アラート設定
  • パフォーマンス監視ダッシュボード

🛡️ 安全要件(継続)

既存MCP保護(必須)

  • claude_desktop_config.json変更禁止の継続
  • 既存MCPサーバープロセスへの無影響保証
  • 競合検出・自動調整機能の動作確認

段階的移行サポート

  • ユーザー選択による利用方法切り替え
  • 既存機能との比較・評価機能
  • いつでもロールバック可能な設計

📊 成功指標

技術指標

  • フロントエンド実装完了率: 100%
  • 基本動作テスト合格率: 100%
  • 既存MCP影響度: 0% (完全無影響)
  • デプロイ成功率: 100%

ユーザー体験指標

  • 認証フロー完了率: 95%+
  • Redmine機能利用成功率: 90%+
  • 並行運用満足度: 高(主観評価)
  • 段階的移行サポート評価: 良好

🔄 Phase 3予定(参考)

  • ユーザー受入テスト・フィードバック収集
  • 機能拡張(ファイルシステム統合・Docker操作等)
  • 本格運用移行・既存MCPからの段階的移行サポート

📁 作業場所・関連情報

  • プロジェクト: /root/mcp-web-parallel/
  • Phase 1チケット: #686 (完了)
  • Git管理: VPS-ROOT統合リポジトリ
  • 技術仕様: VPS-ROOT技術スタック準拠

表示するデータがありません

他の形式にエクスポート: Atom PDF