当前位置：首页 > news >正文

Homepoint网页配置教程：远程管理ESP32智能家居屏的终极方法

news 2026/8/15 15:46:05

Homepoint网页配置教程：远程管理ESP32智能家居屏的终极方法

【免费下载链接】HomepointEspressif ESP32 Based Smarthome screen for MQTT项目地址: https://gitcode.com/gh_mirrors/ho/Homepoint

Homepoint是一款基于ESP32的智能家居屏幕项目，通过MQTT协议实现对家庭设备的远程监控与控制。本教程将详细介绍如何通过网页界面快速配置Homepoint设备，让你轻松打造个性化的智能家居控制中心。

准备工作：认识Homepoint智能家居屏

Homepoint设备采用直观的触控屏幕设计，可实时显示各房间温度、湿度等环境数据，并支持一键控制灯光、风扇等智能设备。以下是设备实际运行界面展示：

从图中可以看到，屏幕清晰展示了入口、客厅、卧室等区域的温度和湿度数据，以及风扇等设备的控制状态，整体布局简洁直观。

第一步：连接Homepoint设备到网络

1.1 进入配置模式

首次启动Homepoint设备时，它会自动创建一个名为"HomePoint"的WiFi热点。使用手机或电脑连接该热点，密码默认为空。

1.2 访问网页配置界面

连接成功后，打开浏览器输入192.168.4.1即可进入Homepoint的网页配置界面。界面包含设备状态显示、配置编辑和固件更新等功能模块。

第二步：配置WiFi网络

在网页配置界面中，找到WiFi设置区域，输入你的家庭WiFi名称和密码。配置文件路径为data/config_example.json，其中WiFi相关配置项如下：

{ "wifi": "你的WiFi名称", "password": "你的WiFi密码" }

设置完成后点击"保存"按钮，设备将自动重启并连接到指定WiFi网络。

第三步：配置MQTT服务器连接

Homepoint通过MQTT协议与智能家居系统通信，需要正确配置MQTT服务器信息：

3.1 填写MQTT连接参数

在配置界面中找到MQTT设置部分，输入以下信息：

MQTT服务器地址（如：mqtt://192.168.8.15）
MQTT用户名（如需要）
MQTT密码（如需要）

这些参数对应data/config_example.json中的以下配置项：

{ "mqttbroker": "mqtt://192.168.8.15", "mqttusername": "", "mqttpasswd": "" }

3.2 验证MQTT连接状态

保存配置后，观察设备屏幕右上角的MQTT图标。当图标显示为绿色（data/mqtt_on.jpg）时，表示MQTT连接成功；若显示为灰色（data/mqtt_off.jpg），则需要检查MQTT服务器配置是否正确。

第四步：添加和配置智能设备

Homepoint支持多种类型的智能设备，包括灯光、传感器、开关等。以下是添加设备的基本步骤：

4.1 理解设备配置结构

在data/config_example.json中，设备配置包含在"scenes"数组中，每个场景代表一个房间或功能区域，包含多个设备。例如：

{ "scenes": [{ "name": "Living Room", "type": "Light", "icon": "livingroom", "devices": [ // 设备列表 ] }] }

4.2 添加灯光设备

以添加客厅灯光为例，需要配置设备名称、控制主题（setTopic）、状态主题（getTopic）以及开关值：

{ "name": "Side Light", "setTopic": "lights/hue/00:17:88:01:02:3c:2a:6d-0b/set/on", "getTopic": "hue/status/lights/Hue color lamp 1", "onValue": "true", "offValue": "false", "icon": "bedroom" }

4.3 添加传感器设备

配置温度湿度传感器时，需要指定传感器类型、数据主题和解析方式：

{ "name": "Living Room DHT", "type": "combinedValues", "firstIcon": "temperature_small", "secondIcon": "humidity_small", "jsondata": true, "firstKey": "temperature", "secondKey": "humidity", "getTopic": "livingroom/temphumidity" }