[ESP32 IDF]web server
目录
通过web server控制LED
核心原理解析
分区表
web server的使用
错误Header fields are too long的解决
-
通过web server控制LED
通过网页控制LED灯的亮灭，一般的ESP32开发板都可以实现，下面这篇文章是国外开发者提供的一个通过web server控制LED的实例， 文章对如何实现有非常详细的描述，但是需要魔法才能访问如下连接：
esp32-esp-idf-websocket-web-server
对应的工程源码在github可以找到：
ESP32-ESP-IDF-WebSocket-Web-Server
-
核心原理解析
-
分区表
这个实例并不是将html嵌在代码中，而是将html放在/data路径下，将文件刷写到spifs中，通过spiffs文件系统访问html，下面这篇博文有个arduino的实现，可以学习一下：
基于ESP32搭建物联网服务器六(利用SPIFFS存放html,css,js等文件(读取html)_esp32 spiffs-CSDN博客
关于ESP32的分区表，官方文档有非常详细的说明：
分区表 - ESP32 - — ESP-IDF 编程指南 latest 文档 (espressif.com)
分区表中的每个条目都包括以下几个部分：Name（标签）、Type（app、data 等）、SubType 以及在 flash 中的偏移量（分区的加载地址），在这个实例中，划分了一个名为storage的data类型分区，其子类型为spiffs（官方关于spiffs的说明文档：SPIFFS 文件系统 - ESP32 - — ESP-IDF 编程指南 latest 文档 (espressif.com)）:
在使用idf.py进行刷写的时候，可以观察到自动调用了spiffsgen.py将/data路径打包为storage.bin，并且刷写到对应的地址中，因此可以在程序中通过spiffs的接口对html文件进行访问。
-
web server的使用
下面这篇博文是一个系列，有一系列的实操实现web server，基于arduino库实现的，但也具有学习意义：
基于ESP32搭建物联网服务器四(最简单的WEB服务器)_espasyncwebserver-CSDN博客
我这里关注的是网页访问web server的时候，代码在哪里对request进行了处理，代码中，对HTTP_GET类型的method注册了回调，所以会进到handle_ws_req函数中：
其次，需要获取payload的内容，从而对client端的请求解析作出响应，在handle_ws_req的后半段解析到了payload的内容，并调用trigger_async_send作出响应：
其中下面就是对led的控制，并且反馈状态给client端，改变网页的显示：
那么有个问题就是：最多可以支持多少个客户端呢？其实就是最多能连多少个tcp，由下面这个宏控制：
错误Header fields are too long的解决
在使用edge浏览器访问的时候，提示了这个错误，参考如下博文， 将header的length修改大一些即可：
ESP32 Https server 错误Header fields are too long for server to interpret-CSDN博客