http_0">在掌控板上搭建http服务器

打开Arduino IDE，并且已经添加了ESP32的支持库。以下是创建一个基本HTTP服务器的步骤：

1. 包含必要的库：

   #include <WiFi.h>
   #include <WebServer.h>
   

2. 配置WiFi：
   替换ssid和password为你的WiFi网络名称和密码。

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

3. 初始化Web服务器：
   创建一个监听80端口的Web服务器实例。

   WebServer server(80);
   

4. 定义处理函数：
   为不同的URL路径定义处理函数。例如，当用户访问根目录时的处理函数。

   void handleRoot() {server.send(200, "text/html", "<h1>Welcome to32 Web Server</h1>");
   }
   

5. 设置路由：
   在setup()函数中，设置路由和启动服务器。

   void setup() {Serial.begin(115200);WiFi.begin(ssid, password);// 等待WiFi连接while (WiFi.status() != WL_CONNECTED) {delay(500);Serial.print(".");}// 打印ESP32的IP地址Serial.println("");Serial.println("WiFi connected.");Serial.println("IP address: ");Serial.println(WiFi.localIP());// 定义根目录的处理函数server.on("/", handleRoot);// 启动服务器server.begin();Serial.println("HTTP server started.");
   }
   

6. 处理客户端请求：
   在loop()函数中，不断处理客户端的请求。

   void loop() {server.handleClient();
   }
   

7. 上传代码到ESP32：
   使用Arduino IDE上传代码到你的ESP32开发板。

8. 访问HTTP服务器：
   打开浏览器，输入ESP32的IP地址（你可以通过串口监视器查看），你将看到由你的HTTP服务器返回的欢迎信息。

9. 完整的代码如下

   #include <WiFi.h>
   #include <WebServer.h>
   const char* ssid = "your_SSID";   #将your_SSID替换成使用的wifi的SSID
   const char* password = "your_PASSWORD";    #将your_PASSWORD替换成使用的wifi的密码
   WebServer server(80);void handleRoot() {server.send(200, "text/html", "<h1>Welcome to ESP32 Web Server</h1>");
   }void setup() {Serial.begin(115200);WiFi.begin(ssid, password);// 等待WiFi连接while (WiFi.status() != WL_CONNECTED) {delay(500);Serial.print(".");}// 打印ESP32的IP地址Serial.println("");Serial.println("WiFi connected.");Serial.println("IP address: ");Serial.println(WiFi.localIP());// 定义根目录的处理函数server.on("/", handleRoot);// 启动服务器server.begin();Serial.println("HTTP server started.");
   }void loop() {server.handleClient();
   }
   

   10. 运行结果

   将代码编译上传后，打开Arduino IDE的串口监视器，可以看到连接WiFi的过程，并打印出esp32 http服务器所在的IP地址，如图1所示。
   https://i-blog.csdnimg.cn/direct/84210923b9f44068aabe06a57cc2affa.png#pic_center" alt="在这里插入图片描述" />

   图1 连接wifi的过程

   使用浏览器连接esp32 http服务器，运行结果如下：

   https://i-blog.csdnimg.cn/direct/f3b38500b7d641a7a42b9156fb50aa5b.png#pic_center" alt="在这里插入图片描述" />

图2 使用浏览器登陆esp32 http服务器