『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 59163|回复: 58

[新奇玩法] ZhiDash - 智家面板,简单高效的操作面板,完美替代 HADashboard

  [复制链接]

21

主题

294

帖子

2551

积分

论坛技术达人

积分
2551
金钱
2207
HASS币
180

教程狂人

发表于 2019-1-3 18:10:55 | 显示全部楼层 |阅读模式
本帖最后由 Yonsm 于 2021-3-5 20:27 编辑

https://github.com/Yonsm/ZhiDash - 智家面板

Yet Another Dashboard for HomeAssiatant

ZhiDash 是为 Home Assistant 开发操作面板,使用 WebSocket API 作为数据通道,基于非常简单的 HTML+JS+CSS 渲染而成的高效、快速的操控面板。可完美替代 AppDaemonHADashboard

屏幕快照 2019-01-03 17.45.43.png

1. 用法

  • 使用方法非常简单,只要把 dash.htmlcssfonts 放入 ~/.homeassistant/www 目录,然后使用 http://xxx.xxx.xxx:8123/local/dash.html 访问即可。

    • 如果曾经登录过 Home Assistant 并保存过登录会话,访问 /local/dash.html 时会自动复用 HA localStorage accessToken 用于 WebSocket 认证。如果没有会提示转到 Home Assistant 主页登录,请选择保存本次登录才会记录 accessToken。
    • 最佳姿势:在 configuration.yaml 中加入以下配置,可以在侧栏中直接访问;或在 WallPanel 中配合使用更佳:
panel_iframe:
  dash:
    title: 面板
    icon: mdi:microsoft
    url: /local/dash.html
  • 指定地址:你也可以把 dash.html 放在任何位置,用浏览器打开后,在使用 dash.html?password@ws:host:8123 指定要访问的 WS API 地址,其中 password 可以是 HA Legacy Password 或者永久有效的 accessToken(在 HA 用户管理页面中创建“长期访问令牌”)。

  • 分组排序dash.html 后面可以用#指定一个 group 名称(如 dash.html#group.dash,依此仅显示此分组的设备,且按这个分组排序(优先依据类型排序,同类型的按分组先后排序)。如果不指定,默认情况下使用 group.default_view 分组;如果不想使用分组,可以使用 dash.html#NA 来显示所有设备(如果你的 HA 中未使用分组功能,即 group.default_view 不存在,也会 fallback 到显示所有设备)。

  • 移动设备:自适应移动设备,同时在 iOS 中支持 WPA 模式。添加到桌面后使用,看起来非常像个 APP。

  • 设备操作:支持大多数设备的开关操作,支持空调和风扇的操作模式和温度设置。

2. 个性化配置

可以在 customize.yaml 中对特定的设备进行个性化定制,目前支持以下配置:

key 用途 不配置/默认情况 备注
dash_name 名称 使用 attributes.friendly_name 支持 template 模式
dash_icon 图标 传感器显示 state;空调显示当前温度;其它使用 attributes.icon 支持 template 模式,支持文字(如引用一个传感器属性)
dash_extra 扩展信息 空调和风扇显示操作模式和设定温度,其它无 支持 template 模式
dash_extra_forced 强制显示扩展信息 off 状态下不显示扩展信息
dash_hidden 不显示 hidden 也不显示
dash_click 点击时的动作 传感器无动作,其它执行开关操作 支持 http 链接或 JavaScript
dash_relation 驱动关联设备 用于更新另外一个引用当前状态/属性的设备

关于 template 模式:支持以下几种示例:

  • 直接输入文字如,如 我的设备
  • 插入 state 宏,如 状态 ${sate}
  • 插入 attributes 宏,如 温度 ${temperature}℃
  • 插入其它设备的 state 宏,如 气温 ${sensor.zhicai_temperature}℃
  • 插入其它设备的 attributes 宏,如 气温 ${sensor.zhicai_weather.temperature}℃
  • 使用 JavaScript eval 运算,如eval:"${status}"=="Charging" ? "充电中" : "${status}"

更多个性化配置案例可以在我的 customize.yaml 中搜索 dash,以上几种用法基本上都能找到案例。

3. 参考



IMG_32D612840C5A-1.jpeg




评分

参与人数 6金钱 +75 HASS币 +20 收起 理由
qq1380 + 5 纳尼,还有这种操作?
neroxps + 20
windgo + 10 大神666!
killadm + 10 膜拜大神!
咸味土豆 + 10 大神666!
+ 20 + 20 不是一般的酷,那是相当酷!

查看全部评分

回复

使用道具 举报

123

主题

4626

帖子

1万

积分

管理员

囧死

Rank: 9Rank: 9Rank: 9

积分
16009
金钱
11298
HASS币
45
发表于 2019-1-3 18:13:32 | 显示全部楼层
膜拜Y大最新力作!
回复

使用道具 举报

6

主题

179

帖子

4179

积分

论坛元老

Rank: 8Rank: 8

积分
4179
金钱
4000
HASS币
0
发表于 2019-1-3 18:16:21 来自手机 | 显示全部楼层
又有嘢学了!
回复

使用道具 举报

10

主题

660

帖子

5302

积分

论坛元老

Rank: 8Rank: 8

积分
5302
金钱
4637
HASS币
50
发表于 2019-1-3 18:28:48 | 显示全部楼层
厉害厉害!感谢分享!
回复

使用道具 举报

26

主题

2095

帖子

8503

积分

论坛元老

Rank: 8Rank: 8

积分
8503
金钱
6403
HASS币
30

论坛元老

发表于 2019-1-3 18:35:54 | 显示全部楼层
顶帖,话说侧面板url: /local/dash.html这种写法不用加ip也可以的么
回复

使用道具 举报

2

主题

48

帖子

308

积分

论坛分享达人

积分
308
金钱
260
HASS币
0
发表于 2019-1-3 19:26:21 | 显示全部楼层
给大佬递茶了   
回复

使用道具 举报

0

主题

52

帖子

199

积分

注册会员

Rank: 2

积分
199
金钱
147
HASS币
0
发表于 2019-1-3 19:36:12 | 显示全部楼层
谢谢分享这么好的东西~
回复

使用道具 举报

8

主题

862

帖子

5112

积分

论坛元老

Rank: 8Rank: 8

积分
5112
金钱
4250
HASS币
0
发表于 2019-1-3 19:50:48 | 显示全部楼层
666,真的佩服
回复

使用道具 举报

7

主题

1974

帖子

5657

积分

论坛元老

流水无味

Rank: 8Rank: 8

积分
5657
金钱
3683
HASS币
145

灌水之王

发表于 2019-1-3 19:59:47 | 显示全部楼层
这个适合平板界面啊
回复

使用道具 举报

2

主题

316

帖子

1620

积分

金牌会员

Rank: 6Rank: 6

积分
1620
金钱
1304
HASS币
0
发表于 2019-1-3 20:07:31 | 显示全部楼层
感谢分享!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-4-20 06:25 , Processed in 0.079194 second(s), 36 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表