求教，做终端前台都有哪些路子？

drwu

此前只用过Floorplan 凑图片做了个，现在突然想玩点好看点的如下图那样，大佬们说说可以用啥路子来做？

relliky

好看归好看，但现成的layout card/grid card好像都做不了这种不规则形状。可能得来点高级的搞法。感兴趣就可以自己去学CSS了。学个几个月估计能搞出来这样的。
我之前搞了一下午才搞了个灯光卡片 https://bbs.hassbian.com/thread-22726-1-1.html。而且还是只改了CSS的参数。估计要我自己重新写结构得学好久。

如果不介意弄比较规则的形状，论坛里面有好多人分享了面板和代码，拿来改改就能用，几天就能弄好。

隔壁的王叔叔

直接网页做，做完了对接ha的api

bugensui

隔壁的王叔叔 发表于 2024-1-18 10:22
直接网页做，做完了对接ha的api

正解，直接html5+css3+js，做个网页，直接对接ha的api，在ha里改，会麻烦很多，有很多限制

drwu

bugensui 发表于 2024-1-18 12:49
正解，直接html5+css3+js，做个网页，直接对接ha的api，在ha里改，会麻烦很多，有很多限制 ...

找了两天没找到可以入门的示例。。。
比如怎么接入ha的websocket api方法 然后怎么调用实体状态什么的。。。
大佬们有没有在哪看到过？

bugensui

drwu 发表于 2024-1-19 16:17
找了两天没找到可以入门的示例。。。
比如怎么接入ha的websocket api方法 然后怎么调用实体状态什么的。 ...

ha官方文档是有api的具体使用方法，一两句话说不清楚，不同种类，操作，方法不一样，大致是，你自己得用html做好前端页面，就是基础ui，然后可以配合js+get请求来获取实体的状态相关属性，举列代码如下，这个代码是获取家里路由器连接设备的数量，我是想在ha里实时看到家里设备的连接数量，展示访客wifi的密码，当然路由器需要接入ha哦，这个只是举例子，其他设备也是一样，需要在ha里配置好长期令牌，然后发送xmlhttp.open请求的时候，需要携带令牌，然后前端页面处理返回的数据，插入ul页面即可，需要点技术基础，效果见下面图片。

我之前是想，ha的前端页面完全自己做，用html也代替，用api跟ha对接，但是需要花很多精力，就放弃了，如果你会html、css、js的话，可以做出很炫酷的ha界面。

<!--
var xmlhttp;
try{
xmlhttp= new ActiveXObject('Msxml2.XMLHTTP');
}catch(e){
try{
xmlhttp= new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
try{
xmlhttp= new XMLHttpRequest();
}catch(e){}
}}


xmlhttp.open("get","/api/states/sensor.192_168_0_1_devices_connected");

复制代码