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

JavaScript018

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

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

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

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

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

在arduino里面要设一个handler

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

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

上次用ESP8266还是2015年的事了。

过了这几年,ESP家族又壮大了不少。

正好最近有个任务,觉得ESP32正好能搞定。

基本功能是用ESP32做web server。

于是各种搜集资料,折腾上手教程。[这里略去N字]

突然发现一个有意思的东西:low.js

名字low可不代表功能low,这是德国一个小公司做的基于js的平台。

Github 链接

不过它用的那个module是ESP32-WROVER,跟我用的不太一样。

不同是多了4MB的PSRAM。由此可见跑js还是很吃内存的。

  利用局域网网络转串口模块可以方便进行自动控制系统的搭建以及相应的调试。比如手头现在存在的已经停产的 USR-WiFi-232-T [1] 模块,可以比较方便通过手机进行设置,完成UDP-232的转换。

  这款模块现在也被应用在无线调试情境中:

图1.1 USR-WiFi 模块

  MicroPython在很多平台上都有着应用,包括 STM32F40x,ESP32,ESP8266,PicoPy等。利用 Thonny软件 [4] 比较方便利用串口完成对于MicroPython的开发与调试。可否使用WiFi转串口来完成对于MicroPython模块的调试呢?

  这其中需要使用到 UDP-COM的虚拟软件,这样便可以利用WiFi模块完成对于普通的MicroPython模块的开发。

  相关的前期工作包括:

  VSPM是一款可以被将TCP/IP, UDP转换成串口的虚拟串口软件。VSPM 虚拟串口软件可以将TCP/IP 连接映射成本机的虚拟COM 口,应用程序通过访问虚拟串口,就可以完成远程控制、数据传输等功能。对于调试串口相关的程序非常方便。下面将详细介绍该软件的使用方法。

  在 虚拟串口软件VSPM使用手册 [10] 给出了VSPM应用的一般说明。

  您下载的该文件来自于华军软件园(www.onlinedown.net)

  what you are downloading are from Onlinedown Download Site:(www.onlinedown.net)

   VSPM虚拟串口 2.82 [12]

  使用VSPM设置虚拟串口的过程中,始终存在着“ 无法创建串口 ”的错误。提示为选取的串口可能已经被占用。

图1.0 无法建立虚拟串口

  根据 释放windows中被占用的串口号-方法总结 [13] 给出的方法,将Windows被占用的串口资源进行释放,提供给VSPM使用。

  利用快捷键: win + R 启动运行界面,输入 regedit :

图1.1 运行 regedit

图1.2 删除ComDB选项

  移除设备的硬件映射,HKEY_LOCAL_MACHINE/HARDWARE/DEVICEMAP/SERIALCOMM,选中这几个串口,右键删除

图1.3 删除CurrentVersion/Ports

  移除设备的硬件映射,HKEY_LOCAL_MACHINE/HARDWARE/DEVICEMAP/SERIALCOMM,选中这几个串口,右键删除

图1.4 删除不使用的SERIALPORT

  通过测试之后发现,使用VSPM始终无法完成在Window7下的虚拟串口创建。

  由于所使用的模块是 有人物联网 [14] 的产品,那么使用 USR-VCOM [15] 软件应该非常方便。

图1.2.0.0 USR下载软件

  运行安装USR-VCOM软件,之后,通过添加,设置虚拟串口。

图1.2.0 添加虚拟串口

图1.2.1 添加虚拟串口

  在计算机设备管理中可以看到COM7,这表明虚拟串口已经添加成功了。

图1.2.2 在计算机设备管理中可以看到COM7

图2.1 发送与接收测试

  从 制作新版STC单片机WiFi下载器 [3] 获得设计STC单片机WiFi下载器 [17] 获得设计STC单片机WiFi下载器[^43037]中所使用的 USR接口定义。

  从 ESP32-S模块转接板设计与实现 [7] 获得对于ESP32等具有MicroPython [18] 获得对于ESP32等具有MicroPython[^43006]调试界面模块的下载管脚定义。

图2.1 转接板原理图

(2) PCB

图2.2 转接板PCB图

3、快速制版

图2.3 快速制版的实验板

  接入 3.3V 电源。 工作电流大约 56mA 。该 USR-WiFi 模块根据之前的设置自动接入的实验室内的 WiFi 的无线网关。

图2.4 模块上电后接入626A的WiFi

  通过PING命令可以测量USR-WiFi 已经在局域无线网络中。

图2.5 PIng WiFI模块

  使用USR-VCOM设置对应的串口。

图2.2.1 设置串口

  使用STM32BOOTLOADER打开COM7,发送字符。通过波形可以看到波特率为 460800.

图2.2.2 测量得到RXD输出的波形

  使用手机接入USR-WiFi,并通过浏览器对WiFi模块的串口进行设置。

  使用手机浏览器接入10.10.100.254,设置其中的串口。

图2.2.3.1 使用手机浏览器打开网页

(2) 串口参数设置

图2.2.3.2 串口参数设置

三、测试ESP32 1、将转接模块接入ESP32

图2.3.1.1 接入ESP32调试模块

  打开 Thonny [5] 开发环境,设置 Interpreter接口参数。

图2.3.2.1 设置Thonny串口

  设置之后,便可以在Thonny的Shell中完成初步的语句测试了。

  可以在Thonny中下载程序进行执行。

图2.3.3.1 下载程序执行

  经过测试,在WiFi下,对于ESP32进行复位,相对反应比较慢。可能这是由于无法进行硬件复位的原因。

  通过测试,可以使用有人 USR-VCOM建立起UDP到虚拟串口的映射关系。基于此,使用了USR-WiFi模块设置了基于UDP的无线WiFI串口。并在Thonny开发环境中测试了这个串口用于调试ESP32 MicroPython程序的功能。

  由于并没有将串口的硬件复位引入转换模块,所以在调试的过程中重新下载程序过程比起直接使用串口变得缓慢了。这一点需要通过之后改进来完成。