ESP32 Web服务器示例教程：打造简单HTTP服务

本教程将带你使用ESP32开发板创建一个简单的web服务器，并展示如何使用ESPAsyncWebServer库处理HTTP请求。通过该示例，你可以了解如何将ESP32用作嵌入式web服务器，并为你的项目提供网页访问功能。

代码示例

#include <WiFi.h>
#include <ESPAsyncWebServer.h>

const char* ssid = "your_SSID";
const char* password = "your_PASSWORD";

AsyncWebServer server(80);

void setup() {
  Serial.begin(115200);

  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {
    delay(1000);
    Serial.println("Connecting to WiFi...");
  }
  Serial.println("Connected to WiFi");

  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send(200, "text/plain", "Hello from ESP32!");
  });

  server.begin();
  Serial.println("Web server started");
}

void loop() {
}

代码解释

包含库文件: WiFi.h 用于连接WiFi网络，ESPAsyncWebServer.h 用于创建异步Web服务器。
定义WiFi信息: ssid 和 password 存储你的WiFi网络名称和密码。
创建Web服务器: AsyncWebServer server(80); 创建一个监听端口80的异步Web服务器。
设置函数: setup() 函数负责初始化硬件和配置网络连接。
连接WiFi: 使用 WiFi.begin() 连接到指定的WiFi网络。
处理根目录请求: 使用 server.on() 函数定义一个处理根目录 (/) 的请求函数，该函数返回一个简单的文本响应。
启动Web服务器: server.begin() 启动Web服务器。
循环函数: loop() 函数在Web服务器运行时持续执行，处理来自客户端的请求。

运行程序

将代码上传到ESP32开发板上。
连接ESP32到WiFi网络。
在浏览器中输入ESP32的IP地址，你将看到"Hello from ESP32!"的文本信息。

扩展和修改

本示例仅展示了ESP32 Web服务器的基本功能。你可以根据自己的需求进行扩展和修改，例如：

使用 HTML 页面而不是简单的文本响应。
使用 CSS 和 JavaScript 来美化页面。
添加其他路由和请求处理函数。
使用传感器和执行器来控制你的项目。

总结

通过本教程，你学会了如何使用ESP32创建简单的Web服务器，并为你的项目添加网页访问功能。希望本教程能够帮助你开启ESP32 Web开发之旅！