![图片[1]-Hass-Panel免费开源智能家居控制面板:基于React与Home Assistant的全设备跨平台管理方案](https://www.mohe-sc.com/wp-content/uploads/2025/02/Hass-Panel免费开源智能家居控制面板:基于React与Home-Assistant的全设备跨平台管理方案-1024x510.jpg)
Hass-Panel是一款基于React开发的智能家居控制面板,深度集成Home Assistant的Websocket API,支持作为HAOS插件部署,提供灯光、空调、窗帘、传感器、摄像头(WebRTC/ONVIF/RTSP协议)及用电量统计等全屋设备控制功能。
该面板采用响应式设计,适配移动端与桌面端,支持PWA安装及暗色模式切换,内置多用户管理系统与JWT认证机制,保障数据安全。从v1.3.2版本起,系统通过SQLite数据库实现配置存储,优化初始化流程与摄像头地址配置要求,并强化密码加密存储机制。
开发者可自由拖拽布局界面,灵活扩展设备支持类型,满足智能家居场景化控制需求,适用于家庭自动化与物联网设备集中管理场景。
主要特性
- 📱 响应式设计,支持移动端和桌面端
- 🔧 高度可配置,自由拖拽布局
- 🚀 PWA支持,可安装到桌面
- 🎨 美观的用户界面,支持暗色模式
- 👥 多用户管理系统,支持JWT认证
- 🔐 安全的密码加密存储
- 🎥 强大的摄像头支持,包括WebRTC/ONVIF/RTSP
- 🔌 丰富的设备支持:
- 灯光控制
- 空调控制
- 窗帘控制
- 传感器监控
- 摄像头查看
- 场景控制
- 用电量统计
- 插座控制
- 更多设备支持中…
安装部署
从 v1.3.2 版本开始:
- 系统使用 SQLite 数据库进行配置存储
- 首次使用需要完成系统初始化流程
- 摄像头功能需要正确配置 ONVIF/RTSP 地址
Docker方式 正式版
docker run \
--name hass-panel \
--restart unless-stopped \
--network host \
-v ./data/:/config/hass-panel \
-d \
ghcr.io/mrtian2016/hass-panel:latest
功能配置
- 时间卡片 (TimeCard)
- 天气卡片 (WeatherCard)
- 灯光状态卡片 (LightStatusCard)
- 房间灯光概览卡片 (LightOverviewCard)
- 传感器卡片 (SensorCard)
- 媒体播放器卡片 (MediaPlayerCard)
- 大型媒体播放器卡片 (MaxPlayerCard)
- 窗帘控制卡片 (CurtainCard)
- 电量监控卡片 (ElectricityCard)
- 路由器监控卡片 (RouterCard)
- NAS监控卡片 (NASCard)
- 摄像头卡片 (CameraCard)
- 空调控制卡片 (ClimateCard)
- 人体传感器卡片 (MotionCard)
- 净水器卡片 (WaterPurifierCard)
- 光照传感器卡片 (IlluminanceCard)
- 快捷指令面板 (ScriptPanel)
- 插座状态卡片 (SocketCard)
- 支持显示/隐藏控制
- 支持拖拽排序
- 支持自定义大小(桌面端)
- 支持添加/编辑/删除卡片
- 支持自定义布局(3-8列)
- 支持响应式布局
![图片[2]-Hass-Panel免费开源智能家居控制面板:基于React与Home Assistant的全设备跨平台管理方案](https://pic.turnfish.top/images/2025/02/24/ia_10002_01.jpg)
![图片[3]-Hass-Panel免费开源智能家居控制面板:基于React与Home Assistant的全设备跨平台管理方案](https://pic.turnfish.top/images/2025/02/24/ia_10002_02.jpg)
![图片[4]-Hass-Panel免费开源智能家居控制面板:基于React与Home Assistant的全设备跨平台管理方案](https://pic.turnfish.top/images/2025/02/24/ia_10002_03.jpg)
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
请登录后查看评论内容