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

从零搭建：基于ESP-01S与阿里云IoT平台，打造微信小程序远程温湿度监测与灯光控制系统

news 2026/4/25 5:18:21

1. 项目背景与核心功能

想象一下这样的场景：夏天回到家就能自动开启空调，冬天远程预热电热毯，甚至随时查看宠物房的温湿度——这些看似高大上的智能家居功能，其实用不到100元的硬件就能实现。今天我们要做的，正是这样一个低成本高实用性的物联网项目：通过ESP-01S模块连接温湿度传感器和继电器，将数据上传到阿里云IoT平台，最终在微信小程序实现远程监测与控制。

这个系统的核心在于双向实时通信：ESP-01S不仅会上报环境数据（温湿度），还能接收来自微信小程序的指令（如开关灯）。技术栈上，我们采用MQTT协议实现设备与云端通信，阿里云物联网平台作为数据中转站，微信小程序则作为用户交互终端。实测下来，从设备响应到手机端更新延迟可以控制在1秒以内，完全满足家用场景需求。

2. 硬件准备与接线指南

2.1 硬件选型清单

主控模块：ESP-01S（约12元）——比ESP-01多了LED指示灯和更稳定的天线
传感器：DHT11温湿度模块（约8元）——注意要买3.3V版本
执行器：ESP-01S专用继电器（约15元）——带光耦隔离更安全
烧录工具：CH340G USB转TTL模块（约5元）——需配合杜邦线使用
供电方案：建议用5V/1A手机充电头+AMS1117降压模块（3.3V输出）

注意：所有模块务必选择3.3V工作电压版本，ESP-01S的GPIO耐压只有3.3V！

2.2 硬件连接详解

先来看继电器接线（以控制220V灯泡为例）：

继电器"COM"端接火线输入
"NO"端接灯泡正极
灯泡负极直接接零线

ESP-01S与传感器的连接：

DHT11数据线 → ESP-01S GPIO2 继电器控制端 → ESP-01S GPIO0 CH340G烧录接线： TX → ESP-01S RX RX → ESP-01S TX GND → GND 3V3 → VCC

实测中我发现个坑：烧录时需将GPIO0接地，完成后必须断开接地线才能正常运行。建议用拨码开关实现模式切换，避免反复插拔。

3. 阿里云IoT平台配置

3.1 产品与设备创建

登录阿里云IoT平台后：

进入公共实例→产品→创建产品
- 产品名称：如"SmartHome_Device"
- 节点类型：直连设备
- 联网方式：Wi-Fi
- 数据格式：ICA标准数据格式
添加功能定义：
- 添加属性：Temperature（float）、Humidity（float）
- 添加服务：LightSwitch（bool型）
创建设备：
- 设备名称建议用MAC地址后四位（如"ESP_A2B3"）
- 记录下生成的三元组（ProductKey/DeviceName/DeviceSecret）

3.2 消息路由配置

关键步骤是设置云产品流转规则：

进入规则引擎→云产品流转

创建两条规则：

设备→小程序：处理温湿度数据上报

// 数据处理脚本示例 function process(payload) { let data = payload.items.Temperature.value; return { "temp": data }; }

小程序→设备：转发灯光控制指令

分别启动两条规则

4. ESP-01S固件开发

4.1 开发环境搭建

安装Arduino IDE 2.x
添加开发板支持：
- 首选项添加网址：http://arduino.esp8266.com/stable/package_esp8266com_index.json
安装库：
- PubSubClient（MQTT通信）
- DHT sensor library（温湿度读取）
- ArduinoJson（数据解析）

4.2 核心代码解析

// 阿里云连接配置 const char* ssid = "Your_WiFi"; const char* password = "Your_Password"; const char* mqttServer = "${YourProductKey}.iot-as-mqtt.cn-shanghai.aliyuncs.com"; // 温湿度读取 void readSensor() { float h = dht.readHumidity(); float t = dht.readTemperature(); if (isnan(h) || isnan(t)) { Serial.println("读取传感器失败!"); return; } // 构造MQTT消息 String payload = "{\"params\":{\"Temperature\":" + String(t) + ",\"Humidity\":" + String(h) + "}}"; client.publish(pubTopic, payload.c_str()); } // MQTT回调处理 void callback(char* topic, byte* payload, unsigned int length) { String msg = ""; for (int i=0;i<length;i++) { msg += (char)payload[i]; } // 解析灯光控制指令 if(msg.indexOf("\"LightSwitch\":1") != -1) { digitalWrite(RELAY_PIN, LOW); // 开灯 } else { digitalWrite(RELAY_PIN, HIGH); // 关灯 } }

5. 微信小程序开发实战

5.1 小程序端配置

注册微信小程序（需企业资质）
安装MQTT.js库：
```
npm install mqtt --save
```

配置阿里云连接参数：

const options = { productKey: 'a1xxxxxxxx', deviceName: 'WeChat_Controller', deviceSecret: 'your_secret_here', regionId: 'cn-shanghai' }

5.2 关键交互实现

// 建立MQTT连接 connect() { this.client = mqtt.connect(`wxs://${options.productKey}.iot-as-mqtt.${options.regionId}.aliyuncs.com`, { clientId: `${options.deviceName}|securemode=3,signmethod=hmacsha1|`, username: `${options.deviceName}&${options.productKey}`, password: crypto.createHmac('sha1', options.deviceSecret) .update(`clientId${options.deviceName}productKey${options.productKey}`) .digest('hex') }); // 订阅设备消息 this.client.subscribe(`/${options.productKey}/${options.deviceName}/user/get`); } // 发送控制指令 sendCommand(status) { const payload = { method: "thing.service.property.set", params: { LightSwitch: status }, version: "1.0.0" }; this.client.publish( `/${options.productKey}/${options.deviceName}/user/update`, JSON.stringify(payload) ); }