PART ONE
專案總覽｜功能與應用場景
Woow HA Dashboard 是一個現代化、功能豐富的 Home Assistant 網頁儀表板。使用 Next.js 16 和 React 19 構建，透過 WebSocket 連接提供美觀且即時的智慧家庭控制介面，支援多房間管理和設備監控。
🔑 核心功能
- 設備控制 (35+ 網域)
- 響應式設計
- 即時更新 (WebSocket 訂閱)
- 區域與樓層組織
- 歷史圖表
📋 功能詳細說明
| 功能名稱 | 說明 |
|---|---|
| 全屋設備監控面板 | 在大螢幕上顯示所有房間的設備狀態，包括燈光、空調、感測器數據等，即時更新並提供一鍵控制功能。 |
| 平板壁掛控制面板 | 將平板電腦壁掛在牆上，顯示當前房間的設備控制介面，支援觸控操作，包括燈光調節、空調溫度設定和窗簾控制。 |
PART TWO
深入解析｜執行環境與部署步驟
⚙️ 執行環境需求
- 運行此專案所需的軟體、硬體和相依套件
- Node.js 18 或更高版本。
- 運行中的 Home Assistant 實例（2024.1+）。
- Home Assistant 長期存取令牌（Long-Lived Access Token）。
🔧 部署安裝步驟
| 步驟 | 說明 |
|---|---|
| Step 1 | 克隆倉庫到本地開發環境。 |
| Step 2 | 執行 npm install 安裝所有依賴套件。 |
| Step 3 | 設定 .env.local 環境變數，包括 Home Assistant URL 和長期存取令牌。 |
| Step 4 | 執行 npm run dev 啟動開發伺服器。 |
| Step 5 | 在瀏覽器中訪問 http://localhost:3000 查看儀表板。 |
| Step 6 | 執行 npm run build 建構生產版本並部署。 |
PART THREE
總結與展望｜AI Agent 部署 Prompt
🤖 AI Agent 部署 Prompt
以下是用於部署此專案的 AI Agent Prompt，可直接複製使用：
複製此 Prompt 給 AI Agent，即可自動完成安裝、部署與測試
← 返回開源專案列表