Hass-Panel免费开源智能家居控制面板:基于React与Home Assistant的全设备跨平台管理方案

图片[1]-Hass-Panel免费开源智能家居控制面板:基于React与Home Assistant的全设备跨平台管理方案

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

功能配置

支持的卡片类型

  1. 时间卡片 (TimeCard)
  2. 天气卡片 (WeatherCard)
  3. 灯光状态卡片 (LightStatusCard)
  4. 房间灯光概览卡片 (LightOverviewCard)
  5. 传感器卡片 (SensorCard)
  6. 媒体播放器卡片 (MediaPlayerCard)
  7. 大型媒体播放器卡片 (MaxPlayerCard)
  8. 窗帘控制卡片 (CurtainCard)
  9. 电量监控卡片 (ElectricityCard)
  10. 路由器监控卡片 (RouterCard)
  11. NAS监控卡片 (NASCard)
  12. 摄像头卡片 (CameraCard)
  13. 空调控制卡片 (ClimateCard)
  14. 人体传感器卡片 (MotionCard)
  15. 净水器卡片 (WaterPurifierCard)
  16. 光照传感器卡片 (IlluminanceCard)
  17. 快捷指令面板 (ScriptPanel)
  18. 插座状态卡片 (SocketCard)

卡片管理

  • 支持显示/隐藏控制
  • 支持拖拽排序
  • 支持自定义大小(桌面端)
  • 支持添加/编辑/删除卡片
  • 支持自定义布局(3-8列)
  • 支持响应式布局
图片[2]-Hass-Panel免费开源智能家居控制面板:基于React与Home Assistant的全设备跨平台管理方案
图片[3]-Hass-Panel免费开源智能家居控制面板:基于React与Home Assistant的全设备跨平台管理方案
图片[4]-Hass-Panel免费开源智能家居控制面板:基于React与Home Assistant的全设备跨平台管理方案
Hass-Panel免费开源智能家居控制面板:基于React与Home Assistant的全设备跨平台管理方案
此内容为免费资源,请登录后查看
0积分
免费资源
已售 17
© 版权声明
THE END
喜欢就支持一下吧
点赞1 分享
Dream most deep place, only then the smile is not tired.
梦的最深处,只有微笑不累
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容