分享

ESP8266继电器控制之网页控制

 云深无际 2021-11-03

#include <ESP8266WiFi.h>#include <WiFiClient.h>#include <ESP8266WebServer.h>#include <ESP8266mDNS.h>
const char *ssid = "pixel";const char *password = "17221317";const int relayPin = D0;
ESP8266WebServer server(80);void setup(){ pinMode(relayPin, OUTPUT); Serial.begin(9600); connectToWiFi(); server.on("/", handleRoot); server.begin(); Serial.println("HTTP server started");}
void loop(){ server.handleClient();}void connectToWiFi(){
Serial.print("\n\nConnecting to "); Serial.println(ssid); WiFi.begin(ssid, password); while (WiFi.status() != WL_CONNECTED) { delay(500); Serial.print("."); }
Serial.println("\nWiFi connected"); //串口监视器中显示的信息 Serial.print("IP address: "); //串口监视器中显示IP地址 Serial.println(WiFi.localIP());}void handleRoot(){ Serial.println("Got a Request"); if (server.arg(0)[0] == '1') { digitalWrite(relayPin, HIGH); } else { digitalWrite(relayPin, LOW); } String msg = ""; msg += "<html><body>\n"; //此部分为浏览器上显示的信息,可根据实际修改美化 msg += "<h1>Relay Remote</h1>"; msg += "<h2><a href='?a=1'/>On</a></h2>"; //开启 msg += "<h2><a href='?a=0'/>Off</a></h2>"; //关闭 msg += "</body></html>"; server.send(200, "text/html", msg);

需要配置三个定义,分别是你要连接的WiFi名字+密码

以及你要控制的引脚,按照自己的情况来做填写

设置函数:将继电器的 pin 设置为输出,串行通信波特率为9600,然后调用 connectToWiFi。指定函数handleRoot,当有人向服务器发出web请求时,它就会被调用。

循环函数:循环函数调用handleClient,它等待传入请求,然后为它们提供服务。其中,创建WiFi连接的过程以及在串口监视器中显示服务器IP地址等,都包含在connectToWiFi函数中。它反馈了NodeMCU连接到WiFi的进展情况,需要几秒钟的时间。

主线程的函数

HandleRoot函数:HandleRoot函数体现了ESP8266WiFi library一个很酷的功能,函数读取第一个请求参数(server.arg(0)0),如果它等于“1”,则继电器被打开;否则,就被关闭。同时函数使用Arduino String 类来构造HTML文本。它生成的HTML包括返回的web请求,它有一个额外的请求参数“a”,它的值是“1”或“0”,可以分别传递控制引脚电平的指令。

这个是对内存的占用情况

看这个地方的波特率

你设置一下这里

当连接成功以后,你在浏览器里面写IP,就会出现如图所示的页面

On

Off

当然你可以在浏览器内部使用调试功能,找到这个发送的信息

这个是关闭

https://developers.google.com/web/tools/chrome-devtools/network/reference?utm_source=devtools#timing-explanation

对于前端感兴趣的,我也放上了学习的网站

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多