想要在平板上统一管理 Home Assistant 设备？试试基于 React 开发的开源面板 Hass-Panel

如何高效管理 Home Assistant 的全屋设备？

对于 Home Assistant (HA) 用户而言，虽然原生界面功能强大，但在实际使用中，往往需要一个更直观、更像“控制面板”的界面来快速操作灯光、空调或监控摄像头。如果你正在寻找一个既能适配手机平板，又支持自定义布局，且部署简单的前端面板，Hass-Panel 提供了一个极佳的解决方案。

Hass-Panel 是一款基于 React 开发的智能家居控制面板，通过深度集成 Home Assistant 的 Websocket API，将复杂的设备管理简化为直观的拖拽式界面。它不仅支持作为 HAOS 插件部署，还能独立运行，为用户提供一个统一的物联网设备管理中心。

核心功能特性

Hass-Panel 在视觉体验与功能实用性之间取得了平衡，其核心优势体现在以下几个方面：

• 全平台适配： 采用响应式设计，完美兼容桌面端与移动端，并支持 PWA (Progressive Web App) 安装，让网页版面板像原生 App 一样快速启动。
• 高度自定义： 界面支持自由拖拽布局，用户可根据自己的家居场景灵活排列控制组件。
• 强大的多媒体集成： 深度支持 WebRTC、ONVIF 及 RTSP 协议，可流畅接入各类网络摄像头。
• 完善的安全机制： 内置多用户管理系统，采用 JWT 认证 与加密存储机制，确保家庭私有数据的安全性。
• 多样化的设备覆盖： 涵盖灯光、空调、窗帘、传感器、插座、用电量统计及场景控制等全方位家居维度。
• 视觉优化： 原生支持暗色模式，提供现代感十足的 UI 界面。

界面预览

部署与使用指南

快速部署 (Docker 正式版)

通过 Docker 部署是目前最快捷的方式，只需运行以下命令：

docker run 
  --name hass-panel 
  --restart unless-stopped 
  --network host 
  -v ./data/:/config/hass-panel 
  -d 
  ghcr.io/mrtian2016/hass-panel:latest

部署完成后，直接访问服务器的 5123 端口 即可进入管理界面。

注意事项

自 v1.3.2 版本起，系统引入了以下关键变更，请在配置时留意：

• 配置存储： 系统现通过 SQLite 数据库存储配置信息。
• 初始化： 首次启动时，请务必按照指引完成系统初始化流程。
• 摄像头配置： 为确保视频流正常显示，请准确配置 ONVIF 或 RTSP 地址。

项目资源

获取更多信息或提交 Issue，请访问 GitHub 项目主页：
https://github.com/mrtian2016/hass-panel