esp32http网页

你可以使用ESP32的HTTPServer库来创建一个简单的Web服务器，并在ESP32上托管网页。以下是一个使用ESP32的HTTPServer库的示例代码：

#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网络
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {
    delay(1000);
    Serial.println("Connecting to WiFi...");
  }

  Serial.println("WiFi connected!");
  Serial.print("IP address: ");
  Serial.println(WiFi.localIP());

  // 设置根路径的处理函数
  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send(200, "text/html", "<h1>Hello from ESP32!</h1>");
  });

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

void loop() {
  // 在这里可以添加其他代码
}

在上述代码中，你需要将`"your_ssid"`和`"your_password"`替换为你的WiFi路由器的名称和密码。

在`setup()`函数中，我们首先连接到WiFi网络，并使用`WiFi.localIP()`获取ESP32的IP地址。然后，我们使用`server.on()`函数来设置根路径（"/"）的处理函数。当有客户端请求根路径时，服务器会发送一个HTTP响应，内容为`"<h1>Hello from ESP32!</h1>"`。

最后，在`setup()`函数的末尾，我们调用`server.begin()`来启动Web服务器。

当ESP32连接到WiFi网络后，你可以在浏览器中输入ESP32的IP地址（在串口输出中可以看到）来访问ESP32上托管的网页。在这个例子中，访问根路径（例如：http://esp32_ip_address/）会显示"Hello from ESP32!"的标题。

你可以在根路径处理函数中添加更多HTML代码，来创建更复杂的网页。你也可以使用其他HTTP处理函数来处理不同路径的请求，并返回不同的响应。

请注意，此示例仅用于演示目的。在实际应用中，你可能需要更复杂的网页和处理逻辑，可以根据具体需求进行修改和扩展。