我为 Home Assistant 撸了个丝滑度拉满的“赛博仪表盘”

一、 前言：为什么要做这个项目？

大家好，作为一名资深的 Home Assistant 老玩家，我一直有一个痛点：随着家里的智能设备越来越多（目前我的环境已经有 1700+ 实体），原生 Dashboard 的性能瓶颈越来越明显。

尤其是在一些老旧的 iPad 或安卓平板上，不仅加载慢，滑动起来更是灾难。市面上现有的美化方案，要么长得太“原生”，要么配置极其繁琐。

既然找不到完美的，我决定用 Vue 3 + NestJS 自己撸一个专为性能和美感而生的仪表盘：Aura Grid。

二、 颜值与性能：这就是我要的赛博感

1. 工业级视觉风格

不同于市面上常见的简洁白皙风，Aura Grid 走的是赛博工业风。深色背景配合霓虹微光，尤其是在夜间模式下，氛围感直接拉满。

2. 60帧丝滑体验

为了解决海量实体的渲染压力，我对底层做了深度优化：

• 10Hz 状态节流：强制锁定更新频率，避免数据洪流冲垮 CPU。

• ShallowRef 响应式隔离：确保只更新变动的那个图标，而不触发全量重绘。

• 老设备亲和：即便是在 2018 年的平板上，依然能实现顺畅的缩放和切换。

三、 核心特色功能

1. 赛博诊断中心（故障一眼可见）

我最得意的功能之一。家里哪个传感器掉线了，哪个网关断网了，在这个红色霓虹面板上一目了然。

2. 图形化 Asset Picker（素材拾取器）

不再需要去 Linux 目录里手动复制复杂的文件路径。点击放大镜，直接点选你的楼层图和图标。

四、 手把手教你部署（支持群晖、飞牛、威联通）

我已经将项目封装成了 Docker 镜像，真正做到开箱即用。

1. 一键安装命令

直接在 SSH 终端执行以下脚本（推荐在 Docker 根目录下运行）：

curl -sSL https://raw.githubusercontent.com/24kbrother/aura-grid-deploy/main/SETUP_LITE.sh | bash

2. 详细视频教程

如果你是纯小白，我也录制了保姆级的视频教程，建议先收藏再操作： Bilibili 视频教程：BV1cb5v63EDw

五、 写在最后

目前 Aura Grid 已经更新至：

• LITE: v1.5.10（基础版，免费且稳定）

• PRO: v1.8.4（高级审计与硬件指纹版）

开发这个项目的初衷是分享给同样对智能家居有“偏执”追求的朋友。目前我非常需要大家的真实反馈，大家在部署过程中遇到任何问题，欢迎在评论区交流！

值友们，如果觉得这个项目对你有帮助，欢迎点赞、收藏、打赏三连！你的支持是我更新的最大动力。