电子发烧友App
创作
发文章
发帖 
提问 
发资料
发视频资料介绍
描述
在这个项目中，我们将建造一个供家庭使用的个人气象站。我们将使用基于 ESP8266 的开发板，即 NodeMCU。我们将监测光线、温度和湿度。为此，我们将使用 LDR 和 DHT11 传感器。
本项目由三部分组成：
1.从传感器收集数据。
2.将数据发送到在线数据库（在我们的例子中是 Google Firebase）。
3.在 Web 应用程序上显示存储在数据库中的数据。
-------------------------------------------------- -------------------------------------------------- -------------------------------------------------- ----------------------
1. 收集数据
我们将使用光检测电阻器 (LDR) 来获取大气光的值。如图所示，将 LDR 连接到 NodeMCU 的 A0 引脚。
我们将使用光检测电阻器 (LDR) 来获取大气光的值。如图所示，将 LDR 连接到 NodeMCU 的 A0 引脚。
DHT11 传感器用于测量湿度和温度。我们在这里使用 DHT.h 库。进行以下连接：
VCC ==> 3v
接地 ==> 接地
数据 ==> D3
-------------------------------------------------- -------------------------------------------------- -------------------------------------------------- ----------------------
2. 向 Firebase 发送数据
要将数据上传到 firebase，我们需要先连接到互联网，然后再访问 firebase。为此，我们需要使用以下两个库：
1.ESP8266WiFi.h
2. FirebaseArduino.h
根据代码连接到 wifi 网络后，我们现在可以使用 FirebaseArduino.h 库的功能上传数据。
传感器数据存储在float 类型的light、temp 和 hum变量中。
所以我们将使用setFloat()函数将值上传到 firebase 的实时数据库。查看代码以更好地理解它。
Firebase.setFloat("light", light);
// handle error
if (Firebase.failed()) {
Serial.print("setting /light failed:");
Serial.println(Firebase.error());
return;
}
上传数据后，我们可以将其实时显示在网络应用程序上，并可从世界任何地方访问。
-------------------------------------------------- -------------------------------------------------- -------------------------------------------------- ----------------------
3. 在 Web App 上显示数据
单击此处查看我的网络应用程序。
这是你可以真正发挥创造力的地方。如果您熟悉 HTML 和 CSS，那么您可以制作用户自己的 UI。我使用 Bootstrap 来创建我的。对于那些刚接触网络的人来说，这里是一个非常基本的 UI 的代码（我没有在这里提供我的代码，因为那将是勺子喂食，我希望你们构建自己的 UI。相信我，这很有趣！）
步骤1：
将此代码粘贴到记事本中并将其另存为index.html的文件夹中，例如 在任何所需位置的网络。
<html>
<head>
<script src="https://www.gstatic.com/firebasejs/5.8.4/firebase.js">script>
<script src="https://www.gstatic.com/firebasejs/5.8.5/firebase-app.js">script>
<script src="https://www.gstatic.com/firebasejs/5.8.5/firebase-database.js">script>
head>
<body style="background-color: #4d4d4d;">
<ul>
<li><h1>LIGHTh1>
<pre id="light" style="font-size:24px;">pre>li>
<li><h1>TEMPERATUREh1>
<pre id="temp" style="font-size:24px;">pre>li>
<li><h1>HUMIDITYh1>
<pre id="hum" style="font-size:24px;">pre>li>
ul>
<script src="app.js">script>
body>
html>
第2 步：
在 firebase 中创建一个数据库。打开Firebase 网站。使用您的 Gmail 帐户登录。通过单击数据库创建一个实时数据库。然后按照图像中的方向获取密钥。
第 3 步：
将以下代码复制并粘贴到记事本中，并将其作为app.js保存在您保存index.html文件的同一文件夹中。
(function() {
// Initialize Firebase
var config = {
firebase.initializeApp(config);
//Get element
const prelight= document.getElementById('light');
//Create refences
const dbReflight= firebase.database().ref().child('light');
// sync logs cahnges
dbReflight.on('value', snap => {
prelight.innerText=JSON.stringify(snap.val(),null,3);
});
const pretemp= document.getElementById('temp');
//Create refences
const dbReftemp= firebase.database().ref().child('temperature');
// sync logs cahnges
dbReftemp.on('value', snap => {
pretemp.innerText=JSON.stringify(snap.val(),null,3)+"° C";
});
const prehum= document.getElementById('hum');
//Create refences
const dbRefhum= firebase.database().ref().child('moisture');
// sync logs cahnges
dbRefhum.on('value', snap => {
prehum.innerText=JSON.stringify(snap.val(),null,3)+" %";
});
}());
您必须根据您的数据库更改 var config 中的值。
完成此操作后，您就可以开始了。
将代码上传到您的 NodeMCU，建立连接并为电路板加电。它将开始将数据上传到 Firebase。
-------------------------------------------------- ----------------------------------
注意：不要忘记在.ino 文件中更改您的 WIFI SSID、WIFI 密码、密码和主机名。
#define FIREBASE_HOST "YOUR DATABASE LINK"
#define FIREBASE_AUTH "SECRET CODE"
#define WIFI_SSID "YOUR SSID"
#define WIFI_PASSWORD "YOUR PASSWORD"
-------------------------------------------------- ----------------------------------
完成此操作后，只需打开index.html文件即可实时查看您的数据。
我希望你们理解这个项目。感谢您阅读本教程。如果您有任何疑问或疑问，请在评论部分发表评论。
祝你好运！
- 设施农业实时气象信息采集与发布系统的设计
- 在线气象站开源分享
- Chaac气象站开源项目
- 太阳能气象站开源项目
- 辛迪的闹钟/录音气象站开源分享
- 使用Arduino和网络技术制作实时气象站
- 宙斯电子气象站(ZeWS)开源分享
- 独特的桌面气象站开源设计
- WIFI气象站开源分享
- 屏幕上的气象站开源案例
- 便携式气象站开源分享
- 无人机气象站开源分享
- Arduino气象站的设置开源分享
- 微型互联网气象站开源项目
- Arduino Nano气象站开源
- Nuttx RTOS入门知识简介及开源代码运行 5861次阅读
- 基于几何的泰森多边形来生成形体骨架 1004次阅读
- 前沿开源技术领域的开源大数据一一解读 1180次阅读
- 4G气象站的设计与实现 991次阅读
- 如何利用ESP8266实现防雨物联网气象站的设计 5136次阅读
- 如何利用粒子光子把你的雨伞变成气象站 1532次阅读
- 如何使用ESP32创建一个气象站 4040次阅读
- 基于树莓派组成的可随身携带气象站设计方案 2989次阅读
- 如何使用两个dht传感器及HC12模块制作远程气象站？ 2977次阅读
- 基于创建带有空气质量传感器的室内气象站 2358次阅读
- dfrobotDIY智能气象站套件简介 1756次阅读
- 阿米纳隐形音响，将私人影院和高端养生会所结合，让客户享受综合性服务 4191次阅读
- 新兴科技趋势报告:20项最值得关注的科技发展趋势 6377次阅读
- 基于STM32的自动气象站控制模块设计 8676次阅读
- FreeRTOS嵌入式开源实时操作系统介绍 4250次阅读
上传资料赚积分下载排行
本周
- 1山景DSP芯片AP8248A2数据手册
- 1.06 MB | 532次下载 | 免费
- 2RK3399完整板原理图（支持平板，盒子VR）
- 3.28 MB | 339次下载 | 免费
- 3TC358743XBG评估板参考手册
- 1.36 MB | 330次下载 | 免费
- 4DFM软件使用教程
- 0.84 MB | 295次下载 | 免费
- 5元宇宙深度解析—未来的未来-风口还是泡沫
- 6.40 MB | 227次下载 | 免费
- 6迪文DGUS开发指南
- 31.67 MB | 194次下载 | 免费
- 7元宇宙底层硬件系列报告
- 13.42 MB | 182次下载 | 免费
- 8FP5207XR-G1中文应用手册
- 1.09 MB | 178次下载 | 免费
本月
- 1OrCAD10.5下载OrCAD10.5中文版软件
- 0.00 MB | 234315次下载 | 免费
- 2555集成电路应用800例(新编版)
- 0.00 MB | 33566次下载 | 免费
- 3接口电路图大全
- 未知 | 30323次下载 | 免费
- 4开关电源设计实例指南
- 未知 | 21549次下载 | 免费
- 5电气工程师手册免费下载(新编第二版pdf电子书)
- 0.00 MB | 15349次下载 | 免费
- 6数字电路基础pdf(下载)
- 未知 | 13750次下载 | 免费
- 7电子制作实例集锦 下载
- 未知 | 8113次下载 | 免费
- 8《LED驱动电路设计》 温德尔著
- 0.00 MB | 6656次下载 | 免费
总榜
- 1matlab软件下载入口
- 未知 | 935054次下载 | 免费
- 2protel99se软件下载(可英文版转中文版)
- 78.1 MB | 537798次下载 | 免费
- 3MATLAB 7.1 下载 (含软件介绍)
- 未知 | 420027次下载 | 免费
- 4OrCAD10.5下载OrCAD10.5中文版软件
- 0.00 MB | 234315次下载 | 免费
- 5Altium DXP2002下载入口
- 未知 | 233046次下载 | 免费
- 6电路仿真软件multisim 10.0免费下载
- 340992 | 191187次下载 | 免费
- 7十天学会AVR单片机与C语言视频教程 下载
- 158M | 183279次下载 | 免费
- 8proe5.0野火版下载(中文版免费下载)
- 未知 | 138040次下载 | 免费
工商网监
评论