Zigbee2MQTT 前端界面
nurikk/zigbee2mqtt-frontend
智能家居
3/5
🧩 软硬件结合
已发布
项目简介
Zigbee2MQTT frontend
Zigbee2MQTT Frontend 是一个专为 Zigbee2MQTT 设计的开源前端用户界面。Zigbee2MQTT 本身是一个广受欢迎的 Zigbee 网关桥接软件，能够将各种 Zigbee 设备（如传感器、灯泡、开关等）接入 MQTT 协议，从而实现智能家居的集中控制。然而，原生的 Zigbee2MQTT 主要提供 API 和配置文件，缺乏直观的图形化操作界面。这个前端项目正是为了解决这一痛点而生，它为用户提供了一个清晰、响应式的 Web 界面，让用户无需手动编辑配置文件或使用命令行，即可轻松管理和监控整个 Zigbee 网络。
标签
项目特点
提供 Zigbee 设备的图形化管理界面，无需手动编辑配置文件
实时显示设备状态和传感器数据
内置网络拓扑图，可视化 Zigbee 设备之间的连接关系
支持通过 WebSocket 与 Zigbee2MQTT 后端实时通信
支持多语言翻译，可通过 POEditor 平台贡献翻译
支持使用模拟数据进行开发测试，无需真实硬件
技术规格
| 前端框架 | 未明确说明（基于 npm/pnpm 构建） |
|---|---|
| 开发语言 | JavaScript/TypeScript |
| 构建工具 | npm/pnpm |
| 通信协议 | WebSocket |
| 后端依赖 | Zigbee2MQTT |
| 开发端口 | 3030 |
| 输出目录 | ./dist |
项目资源
搜索资源
物料清单 (BOM)
| 物料名称 | 数量 | 参考价格 | 备注 |
|---|---|---|---|
| Node.js | 1 | — | 运行环境 |
| pnpm | 1 | — | 包管理器 |
| Zigbee2MQTT | 1 | — | 后端服务 |
能力画像
⚪ 记忆与知识检索: 1/5
🔵 逻辑推演: 2/5
⚪ 表达与交流: 1/5
⚪ 感知与观察: 1/5
⚪ 数理与计算: 2/5
🔵 动手与操作: 2/5
⚪ 狂热与坚持: 1/5
⚪ 创造与创新: 2/5
项目图库
所需技能
🔧 **动手能力**：无需硬件动手能力，纯软件项目
💻 **编程能力**：需要 JavaScript/TypeScript 基础，了解 npm/pnpm 包管理，熟悉 Web 前端开发流程
⚡ **电子电路**：无需电子电路知识，但了解 Zigbee 和 MQTT 协议有助于理解项目背景
适用场景
为 Zigbee2MQTT 用户提供图形化管理界面
智能家居系统的设备监控和控制面板
学习和研究 Web 前端与 IoT 后端通信的开发案例