ESP8266继电器控制之网页控制
#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
对于前端感兴趣的，我也放上了学习的网站
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2021-01-29，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
