回到首页 返回首页
回到顶部 回到顶部
返回上一页 返回上一页

【花雕学编程】Arduino动手做(246)---ESP8266 V3开发板之设置一个简单的网页服务器 简单

头像 驴友花雕 2025.01.12 15 0

00.jpg
23.jpg

10-.jpg
19.jpg

  【花雕学编程】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!"消息的网页。

实验串口返回情况

 

43.jpg

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

 

42 (2).jpg

在手机端打开浏览器,输入IP地址:192.168.4.1

 

44.jpg

实验场景图

 

35.jpg

评论

user-avatar
icon 他的勋章
    展开更多