通过乐鑫提供的esp_http_server组件,我们在ESP32上成功运行了一个简单的web server,可以展示一些静态和动态资源。 后续我将用这个技术原理来实现更多的功能,比如: 通过网页对ESP32进行配网; 如何基于网页进行实时通讯; 通过网页控制ESP32的外设如GPIO、串口等功能; 温馨提醒: 公众号后台私信 ESP32 Web Server
ESP32总是使用server.available()侦听传入的客户端;并将输入的数据存储到一个字符串变量中,并在串行监视器上打印数据。 现在,if和else语句检查在您的网页中按下了哪个按钮,并相应地控制输出。例如,如果您按下GPIO2 ON按钮,则ESP32接收到/2/ON URL上的请求,ESP32将LED打开。 用于ESP32 Webserver的HTML代码 在...
创建一个名为领导状态保存 GPIO 状态和一个名为的变量引脚那是指您要控制的GPIO。在这种情况下,我们将控制板载 LED(连接到通用输入输出接口 2)。 boolledState=0; constintledPin=2; AsyncWebServer 和 AsyncWebSocket 创建一个异步网络服务器端口 80 上的对象。 AsyncWebServerserver(80); 这ESPAsyncWebServer...
constintledPin =18;// GPIO 2 // WiFi 连接参数 constchar* ssid ="WIFI名称"; constchar* password ="WIFI密码"; // Web 服务器端口 constintserverPort =80; // 创建 WiFi 客户端和 Web 服务器对象 WebServerserver(serverPort); voidsetup{ // put your setup code here, to run once: // 初...
使用ESP32 Web 服务器控制多个继电器 在本节中,我们创建了一个 Web 服务器示例,它允许您通过 Web 服务器控制任意数量的继电器,无论它们被配置为常开还是常闭。您只需更改几行代码即可定义要控制的继电器数量和引脚分配。 为了构建这个 Web 服务器,我们使用ESPAsyncWebServer 库。
client.println(".button2 {background-color: #555555;}");// Web Page Headingclient.println("ESP32 Web Server");// Display current state, and ON/OFF buttons for GPIO 26client.println("GPIO 26 - State "+ output26State +"");// If the output26State is off, it displays the ON button...
ESPAsyncWebServer 和 AsyncTCP 库允许您使用 ESP32 文件系统中的文件创建 Web 服务器。有关这些库的更多信息,请查看以下链接。 安装ESPAsyncWebServer 库 单击此处下载图书馆的 ZIP 存档。 解压缩此存档。您应该获得 ESPAsyncWebServer-master 文件夹。
border-radius: 4px; color: white; padding: 16px 40px; text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}.button2{background-color: #4286f4;} ESP Web ServerGPIO state: """+gpio_state+"""ONOFF"""returnhtmls=socket.socket(socket.AF_INET,socket.SOCK_STREAM)s.bi...
这里简单介绍一下esp32轻量级webserver的框架的使用,此框架必须有TF卡支持,所以HTML文件和static文件都存在TF卡中,此框架的所有数据返回都采用chunked编码方式传输。 使用指南: typedef struct { char* url; vo…
The ESP32 web server displays a web page with a button to toggle the state of GPIO 2; For simplicity, we’re controlling GPIO 2 – the on-board LED. You can use this example to control any other GPIO; The interface shows the current GPIO state. Whenever a change occurs on the GPIO...