HaizhuOpsPanel

独立開発者、技術チーム、企業向けのビジュアルサーバー運用・AIアプリケーションデプロイプラットフォーム。外部ランディングページはNext.js、React、Tailwind CSSで構築。バックエンドはSSH経由でマルチホスト資産、サイト証明書、データベース、コンテナ、タスク、バックアップ、セキュリティ監査、アプリマーケットの機能を提供します。

v2.1.0でMCP処理能力を追加、v2.2.0でGitHubデプロイを拡張：パネルの運用能力を16個の標準MCPツール（サービス確認、コンテナ管理、ディスク診断、アプリデプロイ、GitHubオープンソースプロジェクト検索・ワンクリックデプロイなど）としてカプセル化し、2つの利用方法をサポート —— 外部MCPクライアント（Claude Desktop / Cursor / VS Code など）からの直接接続、またはパネル内蔵のAI運用アシスタントによる自然言語対話。アプリデプロイは内蔵ストアの80アプリに限定されず、GitHubの最新プロジェクトを検索して直接取得・デプロイできます。詳細は docs/mcp.md を参照。

クイックスタート（運用パネル + MCP / AI 機能）

npm install
npm run start:legacy        # 启动运维面板 http://localhost:8899（默认 admin / admin123）
npm run start:mcp           # （可选）启动 MCP 服务器（stdio，供外部 AI 客户端接入）

パネル内蔵AIアシスタントを有効化：プロジェクトルートに .env を作成し AI_API_KEY=sk-xxx を記入（任意で AI_BASE_URL、AI_MODEL）。パネル再起動後、左側の「AI運用アシスタント」で自然言語により運用要件を記述するだけです。外部MCPクライアントの接続設定は docs/mcp.md と scripts/mcp-config.json を参照。

Related MCP server: Dokploy MCP Server

技術スタック

• Next.js 15（App Router）

• React 19

• Tailwind CSS 4

• Lucide React

• 既存の Express / SSH / WebSocket 運用バックエンドは server/ に保持

ローカル開発

npm install
npm run dev

http://localhost:3000 にアクセス。

本番ビルド

npm run build
npm start

品質チェック

npm run lint
npm run build

プロジェクト構成

├─ app/                     # Next.js 页面、元信息与全局设计样式
├─ components/              # 落地页组件与交互式产品演示
├─ design-system/haizhuopspanel/ # ui-ux-pro-max 生成的企业设计系统
├─ legacy-public/           # 升级前的原生面板前端，完整保留（含 AI 运维助手）
├─ server/                  # Express API、SSH 与 WebSocket 后端
│  ├─ mcp-tools.js          # MCP 工具层（16 个运维工具，共用执行入口）
│  ├─ mcp-server.js         # stdio MCP 服务器（外部 AI 客户端接入）
│  └─ ai.js                 # 面板内置 AI 助手（OpenAI 兼容 function calling）
├─ scripts/mcp-config.json  # 各 MCP 客户端接入配置示例
├─ docs/mcp.md              # MCP 与 AI 助手使用指南
├─ postcss.config.mjs       # Tailwind CSS PostCSS 配置
└─ package.json

MCP 処理能力（v2.1.0 / v2.2.0）

ユーザーが自然言語で要件を記述すると、AIがMCPツールを通じてリモートホスト上でCLIを実行し、サービス確認と運用デプロイを実施します：

• 16個の標準MCPツール：ホスト一覧、システム概要、systemdサービス確認/起動停止、Dockerコンテナ一覧/操作/ログ、ディスク診断、プロセスランキング、アプリストア検索、アプリデプロイ/アンインストール、GitHubプロジェクト検索/デプロイ、監査照会

• GitHub任意リポジトリデプロイ（v2.2.0）：内蔵ストアにないアプリは自動的にGitHub検索（Star順）へ切り替え、確認後にワンクリックデプロイ —— Git/Dockerを自動インストール、docker-compose / Dockerfileをインテリジェントに識別、monorepoはサブディレクトリに対応、再実行で最新版に更新

• 2つのエントリポイント：

  • 外部MCPクライアント（Claude Desktop、Cursor、Cline、VS Code、WorkBuddy など）は npm run start:mcp で接続

  • パネル内蔵「AI運用アシスタント」対話インターフェース（OpenAI / DeepSeek / 智譜など任意の互換API）

• セキュリティ設計：ホスト認証情報はAES-256-GCM暗号化で外部に出ず、全ツール呼び出しは監査ログに記録、run_command はデフォルト無効、AIが変更操作を実行する前に確認を実施

設定方法と例は docs/mcp.md を参照。

デザインと体験

• プロフェッショナルでシンプルなダークグリーンの運用ビジュアル。純粋な装飾色ではなく意味論的なステータス色を使用

• 375px、768px、1024px、大画面デスクトップに対応したレスポンシブ

• モバイル向けナビゲーションと切替可能な製品ワークフローデモ

• 44px以上のタッチターゲット、明確なキーボードフォーカス、適切な見出し階層

• prefers-reduced-motion に対応し、不要な動的効果を回避

• ホームページは静的プリレンダリングで、クライアント負荷を軽減

エンタープライズ運用機能

• マルチホスト資産フィンガープリントと異常サービス巡回点検

• Nginx、Apache、Caddy サイトおよびSSL証明書の有効期限棚卸し

• MySQL、PostgreSQL、Redis、MongoDB インスタンスの検出

• Dockerコンテナ、イメージ、ネットワーク、Composeアプリ管理

• Cron、システムCron、systemd Timers を統合したタスク一覧

• バックアップ鮮度巡回点検と変更前設定スナップショット

• SSH、アカウント、sudo、ファイアウォール、ポート、失敗ログインのセキュリティベースライン

• SSH公開鍵フィンガープリントとファイル権限監査

• ログイン、ホスト変更、アプリデプロイ、運用操作のJSONL監査記録

新規AIアプリテンプレート

アプリマーケットに DeerFlow 2.0、Wegent、InsForge、OpenAgent、RuFlo、CLASP を追加し、既存の Open WebUI、Ollama、RAGFlow、LobeChat、New API などのテンプレートも維持。新規プロジェクトはすべてプロジェクト公式公開のDocker、Compose、またはインストールスクリプトパスを使用しています。

調査根拠は 製品と機能調査 を参照。

旧運用パネル

アップグレード前のフロントエンドは legacy-public/ に移動し、バックエンド実装は server/ に保持されています。旧パネルを引き続き実行する場合は、以下を実行：

npm run start:legacy

旧サービスは legacy-public/ から静的リソースを読み込むように変更されたため、新しいNext.jsランディングページと並行して保守できます。

License

MIT