基于esp32的物联网设计

本篇是最近在学校做一个物联网温室控制的课题，在此基础上做了一些对物联网的探索

物联网

物联网（Internet of Things，简称IoT）是指通过各种信息传感器、射频识别技术、全球定位系统、红外感应器、激光扫描器等各种装置与技术，实时采集任何需要监控、连接、互动的物体或过程，采集其声、光、热、电、力学、化学、生物、位置等各种需要的信息，通过各类可能的网络接入，实现物与物、物与人的泛在连接，实现对物品和过程的智能化感知、识别和管理。物联网是一个基于互联网、传统电信网等的信息承载体，它让所有能够被独立寻址的普通物理对象形成互联互通的网络。

在最近几年随着5G技术的兴起，芯片算力的提高，物联网渐渐的开进入了普罗大众的眼中。其实经过我的初步探索，物联网技术就是将各种传感器，和被控制物体连接起来达到利用互联网或者局域网来控制下端设备。

基于esp32的温室光照物联网控制系统

我们的目的是在于搭建一个web网页的服务器，客户端通过连接到esp32之后通过按下网页上不同的按钮来对系统上的外设进行操纵的目的，
比如开关灯，或者监控传感器信息等。废话不多说，直接开始。
** 1 主控的选择**

至于我为什么选择esp32呢，我之前接触过的单片机有stm32，51，tc264，w806等。总的对比下来，不是价格太贵就是资料不齐全或者就是性能太差。而作为比较esp32是乐鑫推出的专门为物联网量身打造的嵌入式soc。
高度集成的ESP32 将天线开关、RF balun、功率放大器、接收低噪声放大器、滤波器、电源管理模块等功能集于一体。ESP32 只需极少的外围器件，即可实现强大的处理性能、可靠的安全性能，和 Wi-Fi & 蓝牙功能。
同时乐鑫esp32支持arduino开发环境这为我之后搭建这套系统带来了极大的便利。
2 外设的选择
这里就不过多赘述，大家需要什么功能就加什么器件。我这里用我之前学习LVGL的板子来作为演示。

DHT11温湿度传感器
这块板子板载光敏电阻和一个DHT11温湿度传感器。可以用来展示一些基础的功能。
3 系统搭建
其实基于arduino成熟的开发环境和完善的开源社区，我们搭建这套系统可以说是十分的简单。
首先介绍一下我们的目标要搭建web服务器首先得连上WiFi或者自己开启WiFi。这里我选择连上WiFi作为一个sta端连接到ap服务端，为什么呢？因为这样我们就可以通过ap端连接互联网了。有了互联网之后这个系统的可拓展性会得到极大的提升。
那么开启WiFi
第一步
设置你要连接的WiFi账号密码

const char* ssid = "DESKTOP";        //wifi密码和名称
const char* password = "11111111";

第二步
开始连接，在arduino上非常简单

WiFi.mode(WIFI_STA);     //wifi 的打开和连接WiFi.begin(ssid, password);if (WiFi.waitForConnectResult() != WL_CONNECTED) {Serial.printf("WiFi Failed!\n");return;}Serial.print("IP Address: ");Serial.println(WiFi.localIP());   //获取到的ip地址，这个地址之后要显示在屏幕上

不过经过我的测试，如果连接不到WiFi的话会在if哪里卡很久，具体我没仔细测试，可能在不断尝试重新连接吧。
然后呢我们连上WiFi之后就可以进行
web服务端和websocket的初始化，为什么要弄websocket我们后面再说。
首先我们需要安装一个库ESPAsyncWebServer。

其实Arduino for ESP8266 和 Arduino for ESP32 中默认就有WebServer，不过这些WebServer都是同步的，不支持同时处理多个连接，这在很多时候其实是不太好用的。
如果用户请求一个页面，该页面中链接了很多文件的情况下，因为不支持同时处理多个连接，其中部分文件可能就获取失败了，最终导致呈现在用户眼前的页面功能缺失。再或者有多个用户频繁的发起请求，其中部分请求也有可能会无法响应。

使用ESPAsyncWebServer就可以极大的规避上述问题，使在Arduino for ESP8266&ESP32中搭建WebServer真正可用、好用
ESPAsyncWebServer项目地址如下：
https://github.com/me-no-dev/ESPAsyncWebServer
这里我简要的介绍一下websocket

WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W3C定为标准。
WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

WebSocket 是独立的、创建在 TCP 上的协议。
Websocket 通过HTTP/1.1 协议的101状态码进行握手。
为了创建Websocket连接，需要通过浏览器发出请求，之后服务器进行回应，这个过程通常称为“握手”（handshaking）。
众所周知HTTP是基于请求/响应范式的。也就是说客户端不请求，服务端就不能发送消息给客户端。但是我们需要服务器不停的推送数据来达到监控传感器数据的目的。在早期通过轮询等方式来不断请求数据，但这样很耗费cpu性能，所以在websocket出现之后这种方式就渐渐被取代了
在我们这个系统里网络模型大致如图
在第六步时，这时候客户端就发送了升级成websocket的请求。之后服务器收到请求就建立了连接。
接下来是初始化部分
第一步
初始化端口号，一般情况是80

AsyncWebServer server(80);    //web端口号 80
const char* PARAM_MESSAGE = "usernum";

第二步
初始化事件回调和注册URL等

ws.onEvent(onEventHandle); // WebSocket事件回调函数server.addHandler(&ws);    // 将WebSocket添加到服务器中server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){   //url 主页面请求request->send(200, "text/html",web_main);});server.on("/post", HTTP_POST, [](AsyncWebServerRequest *request){ //账户密码提交页面请求String message;char resive_name[10]={0},   //存放客户端发来的账号resive_pswd[10]={0};   //存放客户端发来的密码if (request->hasParam("usernum", true)) {  //找usernum这个键strcpy(resive_name,request->getParam("usernum", true)->value().c_str());Serial.printf("usernum: %s\n",resive_name);}if (request->hasParam("pswd", true)){//找pswd这个键// message = request->getParam("pswd", true)->value();strcpy(resive_pswd,request->getParam("pswd", true)->value().c_str());Serial.printf("pswd: %s\n",resive_pswd);}if(strcmp(resive_name,hujingxuan.u_nume)==0){ //得到提交数据之后开始密码校验Serial.printf("已找到用户:%s,开始密码校验...\n",resive_name);if(strcmp(resive_pswd,hujingxuan.u_pawd)==0){Serial.printf("用户密码正确!\n");connet_flag=1;request->send(200, "text/html",web_app);}else{Serial.printf("对不起，您输入的密码有误!\n");}}else{request->send(200, "text/html",web_main);Serial.printf("找不到指定用户，请重新输入!\n");}});server.onNotFound(notFound);server.begin();

需要注意的是
WebSocket事件回调函数为

// WebSocket事件回调函数
uint32_t clientID=0;   //用于存储连接对象的id
void onEventHandle(AsyncWebSocket *server, AsyncWebSocketClient *client, AwsEventType type, void *arg, uint8_t *data, size_t len)
{if (type == WS_EVT_CONNECT) // 有客户端建立连接{Serial.printf("ws[%s][%u] connect\n", server->url(), client->id());clientID= client->id();client->printf("Hello Client %u !", client->id()); // 向客户端发送数据client->ping();                                    // 向客户端发送ping}else if (type == WS_EVT_DISCONNECT) // 有客户端断开连接{//Serial.printf("ws[%s][%u] disconnect: %u\n", server->url(), client->id());connet_flag=0;Serial.printf("服务端断开连接\n");}else if (type == WS_EVT_ERROR) // 发生错误{Serial.printf("ws[%s][%u] error(%u): %s\n", server->url(), client->id(), *((uint16_t *)arg), (char *)data);}else if (type == WS_EVT_PONG) // 收到客户端对服务器发出的ping进行应答（pong消息）{Serial.printf("ws[%s][%u] pong[%u]: %s\n", server->url(), client->id(), len, (len) ? (char *)data : "");}else if (type == WS_EVT_DATA) // 收到来自客户端的数据{AwsFrameInfo *info = (AwsFrameInfo *)arg;Serial.printf("ws[%s][%u] frame[%u] %s[%llu - %llu]: ", server->url(), client->id(), info->num, (info->message_opcode == WS_TEXT) ? "text" : "binary", info->index, info->index + len);data[len] = 0;data_deal((char *)data);Serial.printf("%s\n", (char *)data);}
}

404的回调

void notFound(AsyncWebServerRequest *request) {       //客户端错误请求时调用request->send(404, "text/plain", "Not found");
}

然后是网页的代码
登录HTML页面

const char* web_main="<HTML>"   //登录页面"<HEAD>""    <META charset=\"utf-8\">""    <META NAME=\"GENERATOR\" Content=\"Microsoft Visual Studio\">""    <TITLE>测试网页</TITLE>""</HEAD>""<BODY>""    <p style=\"color:red \"> <font size=\"5\">大棚温室光照登录系统</font>  </p>""    <form action=\"/post\" method=\"post\">""        <p> 账号: <input type=\"number\" name=\"usernum\" placeholder=\"请输入账号\" required=\"required\"/></p>""        <p> 密码: <input type=\"password\" name=\"pswd\" placeholder=\"请输入密码\" required=\"required\"/></p>""        <p><input type=\"submit\"/>      <input type=\"reset\"/>       </p>""    </form>""</BODY>""</HTML>";

控制页面HTML代码

String web_app = String("") +         //控制页面"<!DOCTYPE html>\n"+"<html>\n"+"<head>\n"+"    <meta charset=\"UTF-8\">\n"+"    <title>WebSocket Test</title>\n"+"    <script>\n"+"        var ws;\n"+"        window.onload = function () {\n"+"            if (\"WebSocket\" in window) {\n"+"                ws = new WebSocket(\"ws://\" + window.location.host + \"/\"); // 建立WebSocket连接\n"+"                ws.onopen = function () { // 连接建立成功时触发\n"+"                    document.getElementById(\"info\").innerHTML += \"WebSocket连接成功!\" + \"<br>\";\n"+"                    ws.send(\"connect ok!\"); // 向服务器发送数据\n"+"                };\n"+"                ws.onmessage = function (evt) { // 收到服务器数据时触发\n"+"var obj = JSON.parse(evt.data);\n"+"document.getElementById(\"TemperatureIntensity\").innerHTML = obj.Temperature;\n"+"document.getElementById(\"HumidityIntensity\").innerHTML = obj.Humidity;\n"+"document.getElementById(\"LightIntensity\").innerHTML = obj.light;\n"+"document.getElementById(\"info\").innerHTML += obj.light + obj.Humidity + obj.Temperature+\"<br>\";\n"+"                };\n"+"                ws.onerror = function () { // 发生错误时触发\n"+"                    document.getElementById(\"info\").innerHTML += \"通讯发送错误!\" + \"<br>\";\n"+"                };\n"+"                ws.onclose = function () { // 连接关闭时触发\n"+"                    document.getElementById(\"info\").innerHTML += \"WebSocketTest连接已关闭!\" + \"<br>\";\n"+"                };\n"+"            }\n"+"            else {\n"+"                document.getElementById(\"info\").innerHTML = \"浏览器不支持 WebSocket!\";\n"+"            }\n"+"        };\n"+"        function ledoff() {\n"+"            ws.send(\"led_off\"); // 向服务器发送数据\n"+"        }\n"+"        function ledon() {\n"+"            ws.send(\"led_on\");\n"+"        }\n"+"        function change() {\n"+"            document.getElementById(\"LightIntensity\").innerHTML = \"50\";\n"+"        }\n"+"    </script>\n"+"</head>\n"+"<body>\n"+"    <div id=\"container\" style=\"width: 1000px; height: 1000px;\">\n"+"        <div id=\"header\" style=\"background-color:#FFA500;\">\n"+"            <h1 style=\"margin-bottom: 0; text-align: center;\">智能温室光照补偿控制系统</h1>\n"+"        </div>\n"+"        <div id=\"menu\" style=\"background-color:#FFD700;height:420px;width:300px;float:left;\">\n"+"            <b>菜单</b>\n"+"            <p>\n"+"                打开光照:\n"+"                <button οnclick=\"ledoff()\" id=\"but1\">关灯</button>\n"+"                <button οnclick=\"ledon()\" id=\"but2\">开灯</button>\n"+"            </p>\n"+"            <p>\n"+"                内容\n"+"            </p>\n"+"            <p>\n"+"                当前温室温度:<font style=\"color:green\" size=\"3\" id=\"TemperatureIntensity\">00</font>℃\n"+"            </p>\n"+"            <p>\n"+"                当前温室湿度:<font style=\"color:green\" size=\"3\" id=\"HumidityIntensity\">00</font>RH\n"+"            </p>\n"+"            <p>\n"+"                当前光照强度:<font style=\"color:green\" size=\"3\" id=\"LightIntensity\">84</font>\n"+"            </p>\n"+"            <p>\n"+"                <button οnclick=\"change()\" id=\"but3\">点击改变数值</button>\n"+"            </p>  \n"+"        </div>\n"+"        <div id=\"content\" style=\"background-color:#EEEEEE;height:420px;width:200px;float:right;\">\n"+"            <div id=\"info\">调试内容</div>\n"+"        </div>\n"+"        <div id=\"footer\" style=\"background-color: #FFA500; clear: both; text-align: center;\">\n"+"            版权 © lalala.com\n"+"        </div>\n"+"    </div>\n"+"</body>\n"+"</html\n>";

注意：格式一定要按照这个格式，否则里面的JavaScript代码不会正常执行。别问为什么，问就是坑了我一下午。

在这里主体核心部分已经搭建完成，其余就是一些数据处理的代码和和硬件相关的代码
如果有小伙伴对HTML和JavaScript不是很熟，建议看教程
遇见狂神说 JavaScript他也有相关教程。
在我写这篇文章的时候为止，服务器向客户端推送的数据被我打包成json格式，但是客户端返回目前我只做了简单的命令形式的处理。考虑到系统的拓展性。之后会修改为json格式传输。
这里说明一下使用了cjson这个库来解析和构造json数据。
这部分不再赘述，如果有什么不明白可以去网上查查相关资料，还是很简单的
然后给出全部代码，注释写的非常详细了

#include <Arduino.h>
#include <WiFi.h>       //用于基础WiFi连接
#include <AsyncTCP.h>   //ESPAsyncWebServer.h的前置组件 这个库需要下载组件安装 https://github.com/me-no-dev/ESPAsyncWebServer
#include <ESPAsyncWebServer.h>  //用于websever和webstocket的建立
#include "string.h"         //用于对字符串进行处理
#include <stdlib.h>        //用于整型转字符型
#include <cJson.h>         //用于解析json和构造json数据
#include "DHT.h"DHT DHT11; //实例化一个温湿度对象#define T_S_pin   26
#define led_pin   4
#define ligth_pin 34#define led_on  digitalWrite(led_pin,HIGH)
#define led_off  digitalWrite(led_pin,LOW)typedef struct {             //定义一个用户变量const char* u_nume ;const char* u_pawd ;
}user;
user hujingxuan={     //用户实例化
.u_nume="221300",
.u_pawd="888888"
};AsyncWebServer server(80);    //web端口号 80
const char* PARAM_MESSAGE = "usernum";
char connet_flag=0;//是否建立stocketl连接标志int Humidity,Temperature; //温湿度
static char *json_data; //json数据对象const char* ssid = "DESKTOP";        //wifi密码和名称
const char* password = "11111111";const char* web_main="<HTML>"   //登录页面"<HEAD>""    <META charset=\"utf-8\">""    <META NAME=\"GENERATOR\" Content=\"Microsoft Visual Studio\">""    <TITLE>测试网页</TITLE>""</HEAD>""<BODY>""    <p style=\"color:red \"> <font size=\"5\">大棚温室光照登录系统</font>  </p>""    <form action=\"/post\" method=\"post\">""        <p> 账号: <input type=\"number\" name=\"usernum\" placeholder=\"请输入账号\" required=\"required\"/></p>""        <p> 密码: <input type=\"password\" name=\"pswd\" placeholder=\"请输入密码\" required=\"required\"/></p>""        <p><input type=\"submit\"/>      <input type=\"reset\"/>       </p>""    </form>""</BODY>""</HTML>";
String web_app = String("") +         //控制页面"<!DOCTYPE html>\n"+"<html>\n"+"<head>\n"+"    <meta charset=\"UTF-8\">\n"+"    <title>WebSocket Test</title>\n"+"    <script>\n"+"        var ws;\n"+"        window.onload = function () {\n"+"            if (\"WebSocket\" in window) {\n"+"                ws = new WebSocket(\"ws://\" + window.location.host + \"/\"); // 建立WebSocket连接\n"+"                ws.onopen = function () { // 连接建立成功时触发\n"+"                    document.getElementById(\"info\").innerHTML += \"WebSocket连接成功!\" + \"<br>\";\n"+"                    ws.send(\"connect ok!\"); // 向服务器发送数据\n"+"                };\n"+"                ws.onmessage = function (evt) { // 收到服务器数据时触发\n"+"var obj = JSON.parse(evt.data);\n"+"document.getElementById(\"TemperatureIntensity\").innerHTML = obj.Temperature;\n"+"document.getElementById(\"HumidityIntensity\").innerHTML = obj.Humidity;\n"+"document.getElementById(\"LightIntensity\").innerHTML = obj.light;\n"+"document.getElementById(\"info\").innerHTML += obj.light + obj.Humidity + obj.Temperature+\"<br>\";\n"+"                };\n"+"                ws.onerror = function () { // 发生错误时触发\n"+"                    document.getElementById(\"info\").innerHTML += \"通讯发送错误!\" + \"<br>\";\n"+"                };\n"+"                ws.onclose = function () { // 连接关闭时触发\n"+"                    document.getElementById(\"info\").innerHTML += \"WebSocketTest连接已关闭!\" + \"<br>\";\n"+"                };\n"+"            }\n"+"            else {\n"+"                document.getElementById(\"info\").innerHTML = \"浏览器不支持 WebSocket!\";\n"+"            }\n"+"        };\n"+"        function ledoff() {\n"+"            ws.send(\"led_off\"); // 向服务器发送数据\n"+"        }\n"+"        function ledon() {\n"+"            ws.send(\"led_on\");\n"+"        }\n"+"        function change() {\n"+"            document.getElementById(\"LightIntensity\").innerHTML = \"50\";\n"+"        }\n"+"    </script>\n"+"</head>\n"+"<body>\n"+"    <div id=\"container\" style=\"width: 1000px; height: 1000px;\">\n"+"        <div id=\"header\" style=\"background-color:#FFA500;\">\n"+"            <h1 style=\"margin-bottom: 0; text-align: center;\">智能温室光照补偿控制系统</h1>\n"+"        </div>\n"+"        <div id=\"menu\" style=\"background-color:#FFD700;height:420px;width:300px;float:left;\">\n"+"            <b>菜单</b>\n"+"            <p>\n"+"                打开光照:\n"+"                <button οnclick=\"ledoff()\" id=\"but1\">关灯</button>\n"+"                <button οnclick=\"ledon()\" id=\"but2\">开灯</button>\n"+"            </p>\n"+"            <p>\n"+"                内容\n"+"            </p>\n"+"            <p>\n"+"                当前温室温度:<font style=\"color:green\" size=\"3\" id=\"TemperatureIntensity\">00</font>℃\n"+"            </p>\n"+"            <p>\n"+"                当前温室湿度:<font style=\"color:green\" size=\"3\" id=\"HumidityIntensity\">00</font>RH\n"+"            </p>\n"+"            <p>\n"+"                当前光照强度:<font style=\"color:green\" size=\"3\" id=\"LightIntensity\">84</font>\n"+"            </p>\n"+"            <p>\n"+"                <button οnclick=\"change()\" id=\"but3\">点击改变数值</button>\n"+"            </p>  \n"+"        </div>\n"+"        <div id=\"content\" style=\"background-color:#EEEEEE;height:420px;width:200px;float:right;\">\n"+"            <div id=\"info\">调试内容</div>\n"+"        </div>\n"+"        <div id=\"footer\" style=\"background-color: #FFA500; clear: both; text-align: center;\">\n"+"            版权 © lalala.com\n"+"        </div>\n"+"    </div>\n"+"</body>\n"+"</html\n>";void data_pick()//采集外设数据，并打包成json发送到客户端
{cJSON *TCP = cJSON_CreateObject();                //创建一个对象cJSON_AddNumberToObject(TCP,"light",analogRead(ligth_pin));   //构造json数据cJSON_AddNumberToObject(TCP,"Humidity",Humidity);           //添加整型数字 cJSON_AddNumberToObject(TCP,"Temperature",Temperature);  //添加浮点型数字json_data = cJSON_Print(TCP);             //JSON数据结构转换为JSON字符串}void notFound(AsyncWebServerRequest *request) {       //客户端错误请求时调用request->send(404, "text/plain", "Not found");
}AsyncWebSocket ws("/"); // WebSocket对象，url为/
void data_deal(char* resivedata)//数据处理函数，对客户端发来的数据进行解析，如果执行比较大的程序，比如刷新led建议标记，在主循环处理。
{Serial.printf("这里是数据处理函数%s\n", resivedata);if(strcmp(resivedata,"led_off")==0){led_on;}else if(strcmp(resivedata,"led_on")==0){led_off;}else{Serial.printf("对不起没有找到指令:%s\n", resivedata);}}
// WebSocket事件回调函数
uint32_t clientID=0;   //用于存储连接对象的id
void onEventHandle(AsyncWebSocket *server, AsyncWebSocketClient *client, AwsEventType type, void *arg, uint8_t *data, size_t len)
{if (type == WS_EVT_CONNECT) // 有客户端建立连接{Serial.printf("ws[%s][%u] connect\n", server->url(), client->id());clientID= client->id();client->printf("Hello Client %u !", client->id()); // 向客户端发送数据client->ping();                                    // 向客户端发送ping}else if (type == WS_EVT_DISCONNECT) // 有客户端断开连接{//Serial.printf("ws[%s][%u] disconnect: %u\n", server->url(), client->id());connet_flag=0;Serial.printf("服务端断开连接\n");}else if (type == WS_EVT_ERROR) // 发生错误{Serial.printf("ws[%s][%u] error(%u): %s\n", server->url(), client->id(), *((uint16_t *)arg), (char *)data);}else if (type == WS_EVT_PONG) // 收到客户端对服务器发出的ping进行应答（pong消息）{Serial.printf("ws[%s][%u] pong[%u]: %s\n", server->url(), client->id(), len, (len) ? (char *)data : "");}else if (type == WS_EVT_DATA) // 收到来自客户端的数据{AwsFrameInfo *info = (AwsFrameInfo *)arg;Serial.printf("ws[%s][%u] frame[%u] %s[%llu - %llu]: ", server->url(), client->id(), info->num, (info->message_opcode == WS_TEXT) ? "text" : "binary", info->index, info->index + len);data[len] = 0;data_deal((char *)data);Serial.printf("%s\n", (char *)data);}
}
void tim1Interrupt()
{if(connet_flag)//如果连接打开{data_pick();// Serial.printf("%s\n", json_data);ws.printf(clientID, json_data);//向建立连接的客户端发送信息ws.cleanupClients();     // 关闭过多的WebSocket连接以节省资源} else{// Serial.printf("等待连接建立...\n"); }
}static TimerHandle_t timer1_Handle=NULL;
static TimerHandle_t timer2_Handle=NULL;void timer_callback();
void timer2_callback();
void setup() {Serial.begin(115200);pinMode(led_pin,OUTPUT); //初始化led引脚，并关闭leddigitalWrite(led_pin,HIGH);DHT11.setup(T_S_pin); //初始化温湿度传感器WiFi.mode(WIFI_STA);     //wifi 的打开和连接WiFi.begin(ssid, password);if (WiFi.waitForConnectResult() != WL_CONNECTED) {Serial.printf("WiFi Failed!\n");return;}Serial.print("IP Address: ");Serial.println(WiFi.localIP());   //获取到的ip地址，这个地址之后要显示在屏幕上ws.onEvent(onEventHandle); // WebSocket事件回调函数server.addHandler(&ws);    // 将WebSocket添加到服务器中server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){   //url 主页面请求request->send(200, "text/html",web_main);});server.on("/post", HTTP_POST, [](AsyncWebServerRequest *request){ //账户密码提交页面请求String message;char resive_name[10]={0},   //存放客户端发来的账号resive_pswd[10]={0};   //存放客户端发来的密码if (request->hasParam("usernum", true)) {  //找usernum这个键strcpy(resive_name,request->getParam("usernum", true)->value().c_str());Serial.printf("usernum: %s\n",resive_name);}if (request->hasParam("pswd", true)){//找pswd这个键// message = request->getParam("pswd", true)->value();strcpy(resive_pswd,request->getParam("pswd", true)->value().c_str());Serial.printf("pswd: %s\n",resive_pswd);}if(strcmp(resive_name,hujingxuan.u_nume)==0){ //得到提交数据之后开始密码校验Serial.printf("已找到用户:%s,开始密码校验...\n",resive_name);if(strcmp(resive_pswd,hujingxuan.u_pawd)==0){Serial.printf("用户密码正确!\n");connet_flag=1;request->send(200, "text/html",web_app);}else{Serial.printf("对不起，您输入的密码有误!\n");}}else{request->send(200, "text/html",web_main);Serial.printf("找不到指定用户，请重新输入!\n");}});server.onNotFound(notFound);server.begin();//开启一个freertos定时器，注意，定时器1不能时间间隔太短否则会导致消息堆积，发不出去timer1_Handle=xTimerCreate("timer1_Handle",250,pdTRUE,(void*)1,(TimerCallbackFunction_t )timer_callback);if(timer1_Handle!=NULL){xTimerStart(timer1_Handle,0);}timer2_Handle=xTimerCreate("timer2_Handle",1000,pdTRUE,(void*)2,(TimerCallbackFunction_t )timer2_callback);if(timer2_Handle!=NULL){xTimerStart(timer2_Handle,0);}Serial.printf("初始化结束\n");
}
unsigned char time1_flag=0,time2_flag=0;
void loop() {if(time1_flag){time1_flag=0;tim1Interrupt(); //定时回调}if(time2_flag){time2_flag=0;if(((int)DHT11.getHumidity()<500)&&((int)DHT11.getTemperature()<500))//滤除错误数据{Humidity=(int)DHT11.getHumidity();Temperature=(int)DHT11.getTemperature();Serial.printf("Humidity=%d,Temperature=%d\n",(int)DHT11.getHumidity(),(int)DHT11.getTemperature());}}
}
void timer_callback()//注意，这个函数还是在内部任务调用的，所以不能放太多内容，否则会堆栈溢出
{time1_flag=1;
}
void timer2_callback()
{time2_flag=1;
}

实验现象

实验现象
在最后呢，我想提一下，我只是一个大三学生。如果有什么正确的地方请多多包涵。同时这套系统后期可以拓展的东西很多，比如OTA网页升级程序，这将会大大减少用户的使用难度和维护成本。同时也可以接入互联网进行超远程控制。因为时间有限，没有做这些拓展。有兴趣可以自行设计加入。