esp8266实现网页点灯
网页点灯
一、材料准备
1.nodemcu开发板一块
2.usb数据线一条
3.arduino编译环境
4.相应的驱动安装(不同的nodemcu对应的驱动可能不一样,根据计算机的提示选择合适的驱动安装即可)
5.在arduino中安装esp8266的库
二.代码逻辑
第一步:先创立两个对象
ESP8266WiFiMulti wifiMulti; // 建立ESP8266WiFiMulti对象
ESP8266WebServer esp8266_server(80);// 建立网络服务器对象
第二步:在setup函数中进行初始化操作
//①网页点灯的灯设置
pinMode(LED_BUILTIN, OUTPUT);
//②连接网络的方法
wifiMulti.addAP(“istmaker-5G”, “istmaker666”);
wifiMulti.addAP(“istmaker”, “istmaker666”);
int i = 0;
while (wifiMulti.run() != WL_CONNECTED) {
delay(1000);
Serial.print(i++); Serial.print(’ ‘);
}
//③进行服务器端口的开启
esp8266_server.begin(); // 启动网站服务
esp8266_server.on("/", HTTP_GET, handleRoot); // 设置服务器根目录即’/‘的函数’handleRoot’
esp8266_server.on("/LED", HTTP_POST, handleLED); // 设置处理LED控制请求的函数’handleLED’
esp8266_server.onNotFound(handleNotFound); // 设置处理404情况的函数’handleNotFound’
第三步:编写handleRoot,handleLED,以及handleNotFound函数
第四步:loop函数
esp8266_server.handleClient(); // 检查http服务器访问
三.完整代码展示
#include <ESP8266WiFi.h> // 本程序使用 ESP8266WiFi库
#include <ESP8266WiFiMulti.h> // ESP8266WiFiMulti库
#include <ESP8266WebServer.h> // ESP8266WebServer库
ESP8266WiFiMulti wifiMulti; // 建立ESP8266WiFiMulti对象,对象名称是 'wifiMulti'
ESP8266WebServer esp8266_server(80);// 建立网络服务器对象,该对象用于响应HTTP请求。监听端口(80)
void setup(void){
Serial.begin(9600); // 启动串口通讯
pinMode(LED_BUILTIN, OUTPUT); //设置内置LED引脚为输出模式以便控制LED
wifiMulti.addAP("istmaker-5G", "istmaker666"); // 将需要连接的一系列WiFi ID和密码输入这里
wifiMulti.addAP("istmaker", "istmaker666"); // ESP8266-NodeMCU再启动后会扫描当前网络
Serial.println("Connecting ..."); // 则尝试使用此处存储的密码进行连接。
int i = 0;
while (wifiMulti.run() != WL_CONNECTED) { // 此处的wifiMulti.run()是重点。通过wifiMulti.run(),NodeMCU将会在当前
delay(1000); // 环境中搜索addAP函数所存储的WiFi。如果搜到多个存储的WiFi那么NodeMCU
Serial.print(i++); Serial.print(' '); // 将会连接信号最强的那一个WiFi信号。
} // 一旦连接WiFI成功,wifiMulti.run()将会返回“WL_CONNECTED”。这也是
// 此处while循环判断是否跳出循环的条件。
// WiFi连接成功后将通过串口监视器输出连接成功信息
Serial.println('\n');
Serial.print("Connected to ");
Serial.println(WiFi.SSID()); // 通过串口监视器输出连接的WiFi名称
Serial.print("IP address:\t");
Serial.println(WiFi.localIP()); // 通过串口监视器输出ESP8266-NodeMCU的IP
esp8266_server.begin(); // 启动网站服务
esp8266_server.on("/", HTTP_GET, handleRoot); // 设置服务器根目录即'/'的函数'handleRoot'
esp8266_server.on("/LED", HTTP_POST, handleLED); // 设置处理LED控制请求的函数'handleLED'
esp8266_server.onNotFound(handleNotFound); // 设置处理404情况的函数'handleNotFound'
Serial.println("HTTP esp8266_server started");// 告知用户ESP8266网络服务功能已经启动
}
void loop(void){
esp8266_server.handleClient(); // 检查http服务器访问
}
/*设置服务器根目录即'/'的函数'handleRoot'
该函数的作用是每当有客户端访问NodeMCU服务器根目录时,
NodeMCU都会向访问设备发送 HTTP 状态 200 (Ok) 这是send函数的第一个参数。
同时NodeMCU还会向浏览器发送HTML代码,以下示例中send函数中第三个参数,
也就是双引号中的内容就是NodeMCU发送的HTML代码。该代码可在网页中产生LED控制按钮。
当用户按下按钮时,浏览器将会向NodeMCU的/LED页面发送HTTP请求,请求方式为POST。
NodeMCU接收到此请求后将会执行handleLED函数内容*/
void handleRoot() {
esp8266_server.send(200, "text/html", "<form action=\"/LED\" method=\"POST\"><input type=\"submit\" value=\"Toggle LED\"></form>");
}
//处理LED控制请求的函数'handleLED'
void handleLED() {
digitalWrite(LED_BUILTIN,!digitalRead(LED_BUILTIN));// 改变LED的点亮或者熄灭状态
esp8266_server.sendHeader("Location","/"); // 跳转回页面根目录
esp8266_server.send(303); // 发送Http相应代码303 跳转
}
// 设置处理404情况的函数'handleNotFound'
void handleNotFound(){
esp8266_server.send(404, "text/plain", "404: Not found"); // 发送 HTTP 状态 404 (未找到页面) 并向浏览器发送文字 "404: Not found"
}
四.效果展示
1.编译代码后,上传
2.打开串口监视器
(打开后按一下nodemcu的reset键,会打印出此时nodemcu的ip地址)
3.打开串口打印出的ip地址,出现如图所示的页面
点击Toggle LED按键就可以使得nodemcu上面的灯开关状态改变
本篇博客学习自太极创客,下面是太极创客的官网地址,看了一下午的官网感觉受益匪浅,推荐大家可以一起学习一下
太极创客官网: 链接.