【花雕学编程】Arduino动手做（246）---ESP8266 网页服务器

  【花雕学编程】239种传感器执行器系列实验（资料代码+仿真编程+图形编程）
   实验二百四十六：ESP8266串口wifi模块 NodeMCU Lua V3物联网开发板 CH340
   实验项目之八：设置一个简单的网页服务器

实验开源代码

/*
  【花雕学编程】239种传感器执行器系列实验（资料代码+仿真编程+图形编程）
   实验二百四十六：ESP8266串口wifi模块 NodeMCU Lua V3物联网开发板 CH340
   实验项目之八：设置一个简单的网页服务器
*/

#include <ESP8266WiFi.h> // 包含ESP8266WiFi库，用于WiFi连接
#include <ESP8266WebServer.h> // 包含服务器库，用于创建Web服务器的支持

// 创建Web服务器对象，监听80端口（HTTP默认端口）
ESP8266WebServer webServer(80);

// 处理根路径请求的函数
void handleRoot() {
  String message = "Hello world!<br>ESP8266 V3!";
  // 发送HTTP响应，状态码200，内容类型为"text/html"，消息内容为message
  webServer.send(200, "text/html", message);
}

void setup() {
  Serial.begin(115200); // 初始化串口，以115200波特率
  Serial.println(" "); // 打印空行以隔开输出
  Serial.println("ESP8266 V3 准备就绪"); // 打印初始化成功信息

  WiFi.mode(WIFI_AP); // 将WiFi模式设置为接入点模式
  WiFi.softAP("ESP8266 V3", "12345678"); // 创建一个名为“ESP8266 V3”、密码为“12345678”的WiFi网络

  // 打印接入点的IP地址
  Serial.println(" "); // 打印空行以隔开输出
  Serial.println("ESP8266 V3 的 IP 地址为："); // 打印提示信息
  Serial.println(WiFi.softAPIP()); // 打印接入点的IP地址
  Serial.println(" "); // 打印空行以隔开输出
  Serial.println("在浏览器上打开这个IP地址，可以打开网页！ "); // 提示用户打开浏览器访问该IP

  // 当访问根路径时，调用handleRoot函数处理请求
  webServer.on("/", handleRoot);
  
  // 启动Web服务器
  webServer.begin();
}

void loop() {
  webServer.handleClient(); // 处理客户端请求
}
复制代码

代码解读：

1、包含库：

#include <ESP8266WiFi.h>：引入ESP8266WiFi库，支持ESP8266的WiFi功能。

#include <ESP8266WebServer.h>：引入ESP8266WebServer库，支持创建Web服务器。

2、创建Web服务器对象：

ESP8266WebServer webServer(80);：创建一个Web服务器对象，监听80端口（HTTP默认端口）。

3、处理根路径请求：

void handleRoot()：定义一个函数，用于处理对根路径（/）的请求。

在函数中，定义一个字符串消息，并使用webServer.send函数发送HTTP响应，状态码为200，内容类型为"text/html"。

4、初始化设置（setup函数）：

Serial.begin(115200);：设置串口通讯速度为115200波特率。

WiFi.mode(WIFI_AP);：将WiFi模式设置为接入点（AP）模式，使ESP8266成为一个WiFi热点。

WiFi.softAP("ESP8266 V3", "12345678");：配置接入点的SSID（网络名称）为“ESP8266 V3”，密码为“12345678”。

Serial.println(WiFi.softAPIP());：在串口监视器上打印接入点的IP地址，并提示用户可以通过浏览器访问此IP地址。

webServer.on("/", handleRoot);：设置当访问根路径时调用handleRoot函数处理请求。

webServer.begin();：启动Web服务器。

5、主循环（loop函数）：

webServer.handleClient();：处理客户端请求。

此程序将ESP8266配置为一个WiFi热点，并创建一个简单的Web服务器。用户可以通过浏览器访问ESP8266的IP地址，打开显示"Hello world!<br>ESP8266 V3!"消息的网页。

实验串口返回情况

在手机端打开WiFi ,输入密码，连接ESP8266 V3

在手机端打开浏览器，输入IP地址：192.168.4.1

实验场景图