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

 找回密码
 立即注册
查看: 1220|回复: 12

[经验分享] 通过HA提供的WebSocket自定义监控界面

[复制链接]

2

主题

24

帖子

107

积分

注册会员

Rank: 2

积分
107
金钱
83
HASS币
0
发表于 2023-7-12 10:57:05 | 显示全部楼层 |阅读模式
本帖最后由 cocsea 于 2023-7-12 15:45 编辑

1、痛点,不能一目了然看到家里的设备状态,于是通过调用API,自己画一个,自己部署个网站。
2、官方实例https://github.com/home-assistant/home-assistant-js-websocket
3、通过接口可以读取设备状态,并显示在页面上,例如图示:室内温度、冰箱温度、自定义灯样式(轨道灯和筒灯)、空调开、有人、窗帘开、净化器开、门开等等
4、目前只有显示,后面想点击灯能调出控制界面,所见所得的控制。
截图_201214.png





回复

使用道具 举报

3

主题

123

帖子

1082

积分

金牌会员

Rank: 6Rank: 6

积分
1082
金钱
959
HASS币
0
发表于 2023-7-12 11:18:48 | 显示全部楼层
不能一目了然看到家里的设备状态 Lovelace不就是干这个的么?
回复

使用道具 举报

2

主题

24

帖子

107

积分

注册会员

Rank: 2

积分
107
金钱
83
HASS币
0
 楼主| 发表于 2023-7-12 13:35:49 | 显示全部楼层
scabbers 发表于 2023-7-12 11:18
不能一目了然看到家里的设备状态 Lovelace不就是干这个的么?

图片控件也能做,但是不够自定义化
回复

使用道具 举报

7

主题

1081

帖子

3399

积分

论坛元老

Rank: 8Rank: 8

积分
3399
金钱
2318
HASS币
0
发表于 2023-7-12 14:46:46 | 显示全部楼层
很好,可以跑商业化了,把ha藏起来
回复

使用道具 举报

110

主题

1616

帖子

5100

积分

元老级技术达人

积分
5100
金钱
3479
HASS币
30
发表于 2023-7-12 15:11:54 | 显示全部楼层
cocsea 发表于 2023-7-12 13:35
图片控件也能做,但是不够自定义化

我就是用内置的图片做的,其实图片可以直接实现的,
QQ截图20230712151112.jpg
回复

使用道具 举报

2

主题

24

帖子

107

积分

注册会员

Rank: 2

积分
107
金钱
83
HASS币
0
 楼主| 发表于 2023-7-12 15:44:23 | 显示全部楼层
bugensui 发表于 2023-7-12 15:11
我就是用内置的图片做的,其实图片可以直接实现的,

是可以,就是不够灵活
回复

使用道具 举报

0

主题

567

帖子

2218

积分

金牌会员

Rank: 6Rank: 6

积分
2218
金钱
1651
HASS币
0
发表于 2023-7-12 16:17:11 | 显示全部楼层
登录上去没有户型图呀,能不能详细介绍下怎么用呀,小白求解
回复

使用道具 举报

2

主题

24

帖子

107

积分

注册会员

Rank: 2

积分
107
金钱
83
HASS币
0
 楼主| 发表于 2023-7-12 16:25:05 | 显示全部楼层
Ari 发表于 2023-7-12 16:17
登录上去没有户型图呀,能不能详细介绍下怎么用呀,小白求解

我是自己写的网页,户型图是自己酷家乐画的,就是一张图片而已。
回复

使用道具 举报

110

主题

1616

帖子

5100

积分

元老级技术达人

积分
5100
金钱
3479
HASS币
30
发表于 2023-7-12 16:35:12 | 显示全部楼层
本帖最后由 bugensui 于 2023-7-12 16:40 编辑
Ari 发表于 2023-7-12 16:17
登录上去没有户型图呀,能不能详细介绍下怎么用呀,小白求解

这个是另外一种方式用ha系统,叫api接口,这样对于高端玩家,就可以用ha做后端,前端界面,完全可以自己用html+js重构,就是抛弃传统的ha界面,操作和查询,自己走api接口到ha系统,这样可以完全自定义界面,我之前,也想过自己写套界面,我嫌麻烦,就没有弄了。
比如这样:get请求获取HA指定设备的状态信息

'获取指定HA设备api
haapiurl="http://192.168.0.188:8123/api/states/设备ID****"


户型图,你自己用白纸上,把自己家墙体的几条线画出来,拍照或者扫描下,导入酷家乐,然后用酷家乐,稍微修饰下,就可以导出精美的平面图了、
微信图片_20230712163551.jpg
回复

使用道具 举报

3

主题

123

帖子

1082

积分

金牌会员

Rank: 6Rank: 6

积分
1082
金钱
959
HASS币
0
发表于 2023-7-12 16:59:17 | 显示全部楼层
infoflow 2023-07-12 16-57-39.png
开灯.png
图片的户型图可能会更直观一点
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-5-14 07:56 , Processed in 0.537494 second(s), 34 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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