ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

ESP8266 网络服务器仪表显示传感器读数

2021-12-04 09:30:31  阅读:176  来源: 互联网

标签:文件 插件 读数 ESP8266 代码 仪表 传感器 服务器


了解如何使用 ESP8266 NodeMCU 构建网络服务器以在仪表中显示传感器读数。 例如,我们将以两种不同的仪表显示来自 BME280 传感器的温度和湿度:线性和径向。

概述

该项目将使用 ESP8266 构建一个 Web 服务器,该服务器显示来自 BME280 传感器的温度和湿度读数。 我们将创建一个类似于温度计的线性仪表来显示温度,以及一个径向仪表来显示湿度。

服务器事件

使用服务器发送事件 (SSE) 在网页上自动更新读数。

文件保存系统

为了让我们的项目更好地组织和更容易理解,我们将保存 HTML、CSS 和 JavaScript 文件以在开发板的文件系统 (LittleFS) 上构建网页。

准备条件

在 Arduino IDE 中安装 ESP8266 开发板:

我们将使用 Arduino IDE 对 ESP8266 进行编程。因此,您必须安装 ESP8266 插件。

文件系统上传插件

要将 HTML、CSS 和 JavaScript 文件上传到 ESP8266 文件系统 (LittleFS),我们将使用 Arduino IDE 插件:LittleFS Filesystem Uploader。按照下一个教程安装文件系统上传插件:

库文件

安装

硬件需求

您可以使用任何其他传感器,或显示对您的项目有用的任何其他值。如果您没有传感器,您还可以尝试使用随机值来了解项目的工作原理。

原理图

文件组织

HTML 文件

CSS 文件

JavaScript 文件

读取代码解释

创建仪表

温度仪表代码解释

湿度仪表代码解释

事件处理

代码解释

Arduino 代码

代码分解

上传代码和文件

源代码

详情参阅http://viadean.com/esp8266_arduino_dash.html

标签:文件,插件,读数,ESP8266,代码,仪表,传感器,服务器
来源: https://blog.csdn.net/jiyotin/article/details/121711264

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有