查看: 262|回复: 7

[项目] 【花雕学编程】Arduino动手做（246）---ESP8266 Web Server

[复制链接]

【花雕学编程】Arduino动手做（246）---ESP8266 Web Server图2

【花雕学编程】Arduino动手做（246）---ESP8266 Web Server图1

使用道具举报

精彩评论(7)

【花雕学编程】Arduino动手做（246）---ESP8266 Web Server

使用道具举报

【花雕学编程】Arduino动手做（246）---ESP8266 Web Server

ESP8266 Web Server 简介

1. 定义
ESP8266 Web Server 是一个运行在 ESP8266 微控制器上的轻量级 HTTP 服务器。它允许 ESP8266 通过 Wi-Fi 接收来自客户端（如浏览器或移动应用）的 HTTP 请求，并返回相应的 HTTP 响应。这使得 ESP8266 可以作为物联网设备的控制中心，提供用户界面和数据交互功能。

2. 核心功能
网络连接：通过 Wi-Fi 连接到无线网络，支持多种加密方式（如 WPA2）。
HTTP 请求处理：能够解析 HTTP GET 和 POST 请求，提取请求中的参数和数据。
HTTP 响应生成：生成并发送 HTTP 响应，包括 HTML 页面、JSON 数据、图片等。
路由管理：支持定义多个路由，每个路由对应一个特定的 URL 路径和处理函数。
异步处理：支持异步处理请求，提高服务器的响应效率和并发处理能力。

3. 应用场景
智能家居控制：通过 Web 界面控制家中的智能设备，如灯光、温度控制器、窗帘等。
数据监测：实时显示传感器数据，如温度、湿度、空气质量等。
远程配置：允许用户通过 Web 界面远程配置 ESP8266 的参数和行为。
物联网设备管理：作为物联网设备的网关，管理多个设备的连接和数据传输。

4. 使用方法
连接 Wi-Fi：配置 ESP8266 连接到指定的 Wi-Fi 网络。
创建 Web 服务器：使用 ESP8266WebServer 库创建一个 Web 服务器实例。
定义路由：为不同的 URL 路径定义处理函数，处理 HTTP 请求并生成响应。
启动服务器：启动 Web 服务器，开始监听并处理客户端请求。

5. 优势
低功耗：ESP8266 具有低功耗特性，适合电池供电的设备。
高性能：尽管资源有限，但 ESP8266 能够高效处理多个并发请求。
易开发：Arduino IDE 提供了丰富的库和工具，方便开发者快速上手。
成本低：ESP8266 价格低廉，适合大规模部署。
通过以上介绍，可以快速了解 ESP8266 Web Server 的功能和使用方法，帮助开发者在物联网项目中实现设备的网络控制和数据交互。

【花雕学编程】Arduino动手做（246）---ESP8266 Web Server图1

使用道具举报

驴友花雕 中级技神
楼主|

发表于 2025-1-14 20:28:15

【花雕学编程】Arduino动手做（246）---ESP8266 Web Server

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

实验开源代码

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

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

// 定义路由器名称和密码
const char* ssid = "zhz3"; // 要连接的WiFi网络的SSID
const char* password = "z156721"; // 要连接的WiFi网络的密码

// 创建 ESP8266WebServer 对象，监听 80 端口
ESP8266WebServer server(80); // 在端口80上启动Web服务器

void setup() {
  Serial.begin(9600); // 初始化串口通信，波特率为9600

  // 连接到Wi-Fi网络
  WiFi.begin(ssid, password); // 开始连接WiFi网络
  while (WiFi.status() != WL_CONNECTED) { // 等待连接成功
    delay(1000); // 每隔1秒检查一次连接状态
    Serial.println("Connecting to WiFi..."); // 打印连接状态
  }
  Serial.println("Connected to WiFi"); // 打印连接成功信息

  // 打印ESP8266的IP地址
  Serial.print("ESP8266 Web Server's IP address: ");
  Serial.println(WiFi.localIP()); // 打印设备的IP地址

  // 定义一个路由来服务HTML页面
  server.on("/", HTTP_GET, []() {
    Serial.println("ESP8266 Web Server: New request received:"); // 打印调试信息
    Serial.println("GET /"); // 打印调试信息
    server.send(200, "text/html", "<html><body><h1>Hello, ESP8266!</h1></body></html>"); // 发送HTTP响应，状态码200，内容类型为"text/html"
  });

  // 启动服务器
  server.begin(); // 启动Web服务器
}

void loop() {
  // 处理客户端请求
  server.handleClient(); // 处理任何接收到的客户端请求

  // 在此处添加您的代码
}
复制代码

使用道具举报

驴友花雕 中级技神
楼主|

发表于 2025-1-14 20:30:43

【花雕学编程】Arduino动手做（246）---ESP8266 Web Server

代码解读：

1、包含库：

#include <ESP8266WiFi.h>：包含ESP8266WiFi库，用于WiFi连接功能。

#include <ESP8266WebServer.h>：包含ESP8266WebServer库，用于创建Web服务器。

2、定义网络凭据：

const char* ssid = "zhz3";：定义要连接的WiFi网络的SSID。

const char* password = "z156721";：定义要连接的WiFi网络的密码。

3、创建Web服务器对象：

ESP8266WebServer server(80);：创建一个ESP8266WebServer对象，在端口80上启动Web服务器。

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

Serial.begin(9600);：初始化串口通信，设置波特率为9600。

WiFi.begin(ssid, password);：开始连接到指定的WiFi网络。

等待WiFi连接成功并打印连接状态信息和设备的IP地址。

定义一个路由来服务HTML页面，当客户端访问根路径时，发送一个简单的HTML页面作为响应。

启动Web服务器。

5、主循环（loop函数）：

server.handleClient();：处理任何接收到的客户端请求。

这段代码的功能是在ESP8266连接到指定的WiFi网络后，创建一个简单的Web服务器。当客户端访问设备的IP地址时，会显示一个包含“Hello, ESP8266!”消息的网页。

使用道具举报