ESP8266：实现对NodeMCU的控制

划句顾

1. /***************************************
   
2. * purpose ：用户通过浏览器可以访问NodeMCU所建立的网页。
   
3. *           通过该网页，用户可实现对NodeMCU的控制。
   
4. *         
   
5. * author  ：LAOGU
   
6. * time    ：2021/8/12
   
7. */
   
8. #include<ESP8266WiFi.h>
   
9. #include<ESP8266WiFiMulti.h>
   
10. #include<ESP8266WebServer.h>  //ESP8266WebServer库
    
11. 
    
12. ESP8266WiFiMulti wifiMulti;  //建立ESP8266WiFiMulti对象，对象名称是‘wifiMulti’
    
13. 
    
14. ESP8266WebServer esp8266_server(80);//建立ESP8266WebServer对象，对象名称为esp8266_server
    
15.                                     //括号中的数字是网络服务器相应http请求的端口号
    
16.                                     //网络服务器标准http端口号为80
    
17.                                     
    
18. void setup()
    
19. {
    
20.   Serial.begin(9600);   //启动串口通讯
    
21. 
    
22.   pinMode(LED_BUILTIN,OUTPUT); //设置内置LED引脚为输出模式以便控制LED
    
23.   
    
24. //通过addAP函数存储 WiFi名称   WiFi密码
    
25.   wifiMulti.addAP("Xiaomi_9C18","A123456789a");
    
26.   wifiMulti.addAP("nanjishit","guyiling5201314");
    
27. 
    
28.   Serial.println("Connecting ...");
    
29.   int i = 0;
    
30.   while(wifiMulti.run()!=WL_CONNECTED)
    
31.   {
    
32.     delay(1000);
    
33.     Serial.print(i++);
    
34.     }
    
35.    
    
36. //wifi连接成功后将通过串口监视器输出连接成功信息
    
37.   Serial.println('\n');
    
38.   Serial.print("Connected to ");
    
39.   Serial.println(WiFi.SSID());
    
40.   Serial.print("IP address:\t");
    
41.   Serial.println(WiFi.localIP());
    
42. 
    
43. // ”启动网络服务功能“ 代码如下：
    
44.   esp8266_server.begin();  //启动网络服务器
    
45.   esp8266_server.on("/",HTTP_GET,handleRoot);    //handleRoot为网络服务函数，handle是处理的意思，root是根  
    
46.   esp8266_server.on("/LED",HTTP_POST,handleLED); //设置处理LED控制请求的函数‘handleLED’                                
    
47.   esp8266_server.onNotFound(handleNotFound);     //设置处理404情况的函数‘handleNotFound’
    
48. 
    
49. // 告知用户  网络服务功能已经启动
    
50.    Serial.println("HTTP esp8266_server started");
    
51. }
    
52. 
    
53. void loop() {
    
54.   esp8266_server.handleClient(); // 检查http服务器访问，因为如果此时esp有其他的事情做，它是不会理会这些请求的
    
55. }
    
56. 
    
57. void handleRoot()
    
58. {
    
59.   esp8266_server.send(200,"text/html","<form action="/LED" method="POST"><input type="submit" value="Toggle LED"></form>");  
    
60.   
    
61. }
    
62. 
    
63. void handleLED()
    
64. {
    
65.   digitalWrite(LED_BUILTIN,!digitalRead(LED_BUILTIN));  //改变LED的点亮或者熄灭的状态
    
66.   esp8266_server.sendHeader("location","/");     //跳转会页面根目录
    
67.   esp8266_server.send(303); //发送http相应代码303跳转
    
68.   }
    
69. 
    
70. void handleNotFound()
    
71. {
    
72.   esp8266_server.send(404,"text/plain","404:Not found");
    
73.   }

复制代码

结果如下：

                               
登录/注册后可看大图

注：在双引号前加 \ 是为了表示这是html的代码。
<form action=\"/LED\" method=\"POST\">
    <input type=\"submit\" value=\"Toggle LED\">
</form>