ESP8266+网页控制LED生活-

• 本次我们将利用NodeMCU建立网络服务。用户通过浏览器可以访问NodeMCU所建立的网页。通过该网页，用户可实现对NodeMCU的控制。

效果演示

首先通过串口，当ESP8266连接WiFi成功之后会获取网页的IP地址，将该地址输入到浏览器中。

通过网页点击LED按键，开发板上的LED进行变化。此时LED灯是灭的，当点下网页中的LED按键，开发板上LED灯亮起来。再按一次LED熄灭。

程序

#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(D4, OUTPUT); //设置内置LED引脚为输出模式以便控制LED //通过addAp函数存储  WiFi名称       WiFi密码   wifiMulti.addAP("MEIZU", "11111111"); // 这三条语句通过调用函数addAP来记录3个不同的WiFi网络信息。   wifiMulti.addAP("CMCC-yLaQ", "1123456"); // 这3个WiFi网络名称和密码   wifiMulti.addAP("taichi-maker3", "13572468"); // 此处WiFi信息只是示例，请在使用时将需要连接的WiFi信息填入相应位置。 // 另外这里只存储了3个WiFi信息，您可以存储更多的WiFi信息在此处。   Serial.println("正在连接Wifi,请稍等："); 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="LED"></form>"); } //处理LED控制请求的函数'handleLED' void handleLED() { digitalWrite(D4,!digitalRead(D4));// 改变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" } 

更多内容：
ESP8266—学习进程目录索引.