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文件系统中的
HTML
和CSS
文件。我们将创建分离的HTML
和CSS
文件,而不必将HTML
和CSS
文本写入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服务器实现引脚控制