Web服务器以仪表形式显示传感器计数
文章目录
- Web服务器以仪表形式显示传感器计数
- 1、应用介绍
- 2、软件准备
- 3、硬件准备
- 4、代码实现
- 4.1 Web页面文件
- 4.2 Web服务器代码实现
在本文中,我们将介绍使用服务器发送事件 (SSE) 构建 ESP32 仪表 Web 服务器。服务器将自动向所有连接的网络客户端更新温度和湿度等传感器读数,并以线性和径向仪表显示它们。 可以使用任何合适的传感器,例如 DS18B20、BME680、LM35 和 MPU6050,但在本文中,我们将使用 BME280 传感器,用于测量温度、压力和湿度。
我们的客户端将通过 HTTP 连接从带有 SSE 的 ESP32 板接收自动更新。 这对于在新的传感器读数可用时自动将其发送到 Web 客户端非常有用。 无需提出任何额外要求,网页将自动更新。
此外,为了使我们的 ESP32 Web 服务器项目更加方便实用,我们将使用 ESP32 SPI 闪存文件系统 (SPIFFS) 的功能。 我们会将 HTML、CSS 和 JavaScript 文件保存在用于构建 Web 服务器的 ESP32 SPIFFS 上。 我们可以使用 SPIFFS 将文件存储在 SPI 闪存中,而无需将任何外部存储器与我们的 ESP 模块一起使用。