ESP8266 Web 配网结合 MQTT 与 STM32 串口透传方案
一、项目背景与开发初衷
在物联网设备开发过程中,配网和远程通信是两个核心痛点:传统的 AT 指令配网操作复杂,且多数方案在更换 WiFi 时会丢失 MQTT 配置;串口调试和 MQTT 远程控制无法兼顾;设备配置管理缺乏可视化界面。针对这些问题,基于 ESP8266 / ESP12F 开发了一套集 Web 配网、串口调试、MQTT 远程控制于一体的智能设备管理系统。
二、功能亮点
1. 差异化核心特性
- WiFi/MQTT 配置分离:更换 WiFi 时自动保留 MQTT 服务器、主题等配置,无需重复设置、WiFi 自动连接、断连重启。
- 多端控制体系:Web 可视化配置 + 串口命令调试 + MQTT 远程控制三重操作方式;Web 端保存 WiFi 配置,串口可与 STM32、Arduino 等单片机连接,MQTT 与云端、APP 等实现远程控制。
- 安全的配置管理:支持分维度重置(仅 WiFi / 仅 MQTT / 完全重置),操作前需确认,防止误操作。
- 状态可视化:Web 页面展示设备、WiFi、MQTT 连接状态,信号强度等关键信息;串口和 MQTT 通信实时打印显示信息及 help 帮助。
2. 完整功能清单
| 功能模块 | 具体能力 |
|---|---|
| Web 配网 | 扫描 WiFi 列表、手动输入 SSID、MQTT 配置(开发者模式)、设备状态展示、配置重置 |
| 串口通信 | 基础命令(help/status/test 等)、存储管理(eeprom/clear 等)、STM32 数据解析 |
| MQTT 通信 | 文本 / JSON 格式指令、状态上报、遗嘱消息、定时心跳、远程配置 WiFi |
| 存储管理 | EEPROM 分字段读写、配置备份、出厂设置恢复 |
三、核心功能演示
1. Web 配网及功能介绍
WiFi 连接配置:
连接'ESP8266 设备配置'WiFi,自动打开页面(部分手机需要浏览器手动输入 192.168.4.1),保存相关配置即可连接。

设备重置功能:
- 完全重置 (清除所有配置):清除 WiFi 和 MQTT 配置,恢复到出厂状态
- 仅重置 WIFI 配置:只清除 WiFi 配置,保留 MQTT 设置
- 仅重置 MQTT 配置:只清除 MQTT 配置,保留 WiFi 设置






