ESP32怎么在SPIFFS里面存储html,css,js文件,以及网页和arduino的通讯

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ESP32怎么在SPIFFS里面存储html,css,js文件,以及网页和arduino的通讯相关的知识,希望对你有一定的参考价值。

参考技术A 首先是用ESP32自带的webserver库的话,首先要在SPIFFS里面上传html、css、js等这些文件比如这样

然后在arduino里面,要处理html文件的请求

然后html里面会引用css和js文件,这些请求也会给到ESP32,因为我们没有给到这些文件的handler,所以同意在OnNotFound里面处理

这里面有一个handleFileRead函数,处理读取文件的请求

在arduino里面要设一个handler

在html里面可以这样用jQuery调用

然后是有一个库,ESP Async WebServer,用这个库的话可以异步的处理多个客户端的异步数据问题,然后使用也比较简单,基本上是用他的语法重写一边webserver的过程

ESP32/8266利用SPIFFS(闪存文件系统)创建 Web服务器实现引脚控制

ESP32/8266利用SPIFFS(闪存文件系统)创建 Web服务器实现引脚控制


在本教程中,我们将向您展示如何构建一个web服务器,以提供存储在ESP32/8266文件系统中的HTMLCSS文件。我们将创建分离的HTMLCSS文件,而不必将HTMLCSS文本写入Arduino草图。

  • 通过手机端或者电脑端浏览器访问开发板的IP,实现控制

功能描述

通过构建的web服务器来控制一个连接到ESP32/8266 GPIO 2的LED。这是ESP32/8266板载LED。也可以控制任何其他GPIO;
web服务器页面显示两个按钮:ON和OFF -打开和关闭GPIO 2;
web服务器页面还显示当前GPIO状态。

原理实现架构图

以上是关于ESP32怎么在SPIFFS里面存储html,css,js文件,以及网页和arduino的通讯的主要内容,如果未能解决你的问题,请参考以下文章

ESP32/8266利用SPIFFS(闪存文件系统)创建 Web服务器实现引脚控制

ESP32 /ESP8266在VS Code and PlatformIO上传文件系统 (SPIFFS)

ESP32通过程序从闪存文件系统(SPIFFS)读取信息

ESP32入门基础之SPIFFS

ESP32入门基础之SPIFFS

ESP8266开发之旅 网络篇? SPIFFS——ESP8266 SPIFFS文件系统