“开源WiFi气象站系统(ESP连接Blynk)/zh”的版本间的差异

来自Microduino Wikipedia
跳转至： 导航、 搜索
（→‎获取Blynk手机客户端）
（→‎添加配置控件）
 
（未显示同一用户的18个中间版本）
第26行： 第26行：
 
|-
 
|-
 
|[[Microduino-Module WIFI,ESP/zh]] ||1||连接网络
 
|[[Microduino-Module WIFI,ESP/zh]] ||1||连接网络
 +
|-
 +
|[[Microduino-Module Sensor Hub/zh]] ||1||连接传感器
 +
|-
 +
|[[Microduino-Shield Duo-H/zh]] ||1||扩展板
 +
|-
 +
|[[Microduino-OLED/zh]] ||1||显示
 +
|}
 +
 +
{|class="wikitable"
 +
|-
 +
|传感器||数量||功能
 
|-
 
|-
 
|[[Microduino-Temp&Hum/zh]] ||1||数字温湿度传感器
 
|[[Microduino-Temp&Hum/zh]] ||1||数字温湿度传感器
第32行： 第43行：
 
|-
 
|-
 
|[[Microduino-Light/zh]] ||1||光照传感器
 
|[[Microduino-Light/zh]] ||1||光照传感器
−
|-
 
−
|[[Microduino-Module Sensor Hub/zh]] ||1||连接传感器
 
 
|-
 
|-
 
|[[GP2Y1010AU0F/zh]] ||1||PM2.5传感器
 
|[[GP2Y1010AU0F/zh]] ||1||PM2.5传感器
−
|-
 
−
|[[Microduino-OLED/zh]] ||1||显示
 
 
|}
 
|}
  
第43行： 第50行：
 
{|class="wikitable"
 
{|class="wikitable"
 
|-
 
|-
−
|模块||数量||功能
+
|设备||数量||功能
 
|-
 
|-
 
|Micro-USB线||1||下载程序、供电
 
|Micro-USB线||1||下载程序、供电
第66行： 第73行：
  
 
*由Microduino核心[[Microduino-Core+/zh]]对传感器数据分析处理
 
*由Microduino核心[[Microduino-Core+/zh]]对传感器数据分析处理
−
*以直观的文字提示方式在OLED [[Microduino-OLED/zh]]中显示
+
*在OLED [[Microduino-OLED/zh]]中显示
 
*同时通过[[Microduino-Module WIFI,ESP/zh]]使气象站与Blynk相连
 
*同时通过[[Microduino-Module WIFI,ESP/zh]]使气象站与Blynk相连
 
*每个传感器均与[[Microduino-Module Sensor Hub/zh]]连接
 
*每个传感器均与[[Microduino-Module Sensor Hub/zh]]连接
 
[[File:Wifistationtheory.jpg||600px|center]]
 
[[File:Wifistationtheory.jpg||600px|center]]
  
−
==配置Blynk==
+
==获取，配置Blynk==
 
下面就通过气象站的配置过程了解Microduino与Blynk是如何交互的
 
下面就通过气象站的配置过程了解Microduino与Blynk是如何交互的
  
 
===获取Blynk手机客户端===
 
===获取Blynk手机客户端===
−
*进入Blynk官网：http://www.blynk.cc/
+
*请参考教程：[[https://www.microduino.cn/wiki/index.php/Microduino-Blynk_Getting_start/zh#.E5.88.9B.E5.BB.BA.E9.A1.B9.E7.9B.AE 获取，配置Blynk]]
−
 
 
−
点击Getting Started进入：http://www.blynk.cc/getting-started/
 
−
 
 
−
[[File:BlynkSetting0.png||600px|center]]
 
−
 
 
−
*你在这里可以下载IPone和Android版本的手机客户端
 
−
 
 
−
===注册账户===
 
−
*打开Blynk App注册一个账户(如果已经注册请跳出此步骤)
 
−
 
 
−
[[File:BlynkSettingSignUp.png||600px|center]]
 
−
 
 
−
[[File:BlynkSettingSignUp1.png||600px|center]]
 
−
 
 
−
[[File:BlynkSettingSignUp2.png||600px|center]]
 
−
 
 
−
===创建项目===
 
−
*打开手机Blynk app，点击上面的加号你可以创建一个项目：
 
−
 
 
−
[[File:BlynkSetting1.png||200px|center]]
 
−
 
 
−
*你需要为你创建的项目起一个名字，比如：weather station
 
−
 
 
−
*同时在下方的AUTH TOKEN处会显示为此项目生成的验证码
 
−
 
 
−
*你可以点击下方的E-mail按钮，就会把此验证码发送到你的邮箱里，也不要告诉别人
 
−
 
 
−
[[File:BlynkSetting2.png||200px|center]]
 
−
 
 
−
===配置验证码，SSID和密码===
 
−
*这个验证码复制出来用来替换Microduino气象站程序里的user_def.h文件里的auth[]变量
 
−
<source lang="cpp">
 
−
#define SSID "type your ssid"
 
−
#define PASS "type your pass"
 
−
 
 
−
char auth[] = "type your blynk token";
 
−
</source>
 
−
 
 
−
*同时也顺便把路由器的SSID和密码也一块替换了吧。
 
  
 
===添加配置控件===
 
===添加配置控件===
−
*接下来点击面板可以调出WIDGET BOX,上边有很多控件供你选择。
+
*你可以扫描下方二维码来获取气象站APP
−
 
+
[[File:BlynkWeatherStationLink.png||300px|center]]
 +
*当然你也可以自己动手做一个
 +
*选择自己做的话就点击面板可以调出'''WIDGET BOX''',上边有很多控件供你选择。
 
[[File:BlynkSetting3.png||200px|center]]
 
[[File:BlynkSetting3.png||200px|center]]
−
 
 
*添加'''Value Display'''控件，给其命名为“tempture”用以显示获取到的'''温度值'''
 
*添加'''Value Display'''控件，给其命名为“tempture”用以显示获取到的'''温度值'''
−
 
+
*'''INPUT'''选择V2，'''READING FREQUENCY'''选择PUSH表示温度是气象站主动发送的，频率由Microduino端控制
−
*INPUT选择V2，READING FREQUENCY选择PUSH表示温度是气象站主动发送的，频率由Microduino端控制
 
−
 
 
 
[[File:BlynkSetting4.png||200px|center]]
 
[[File:BlynkSetting4.png||200px|center]]
 
在Microduino端对应的代码是：
 
在Microduino端对应的代码是：
第138行： 第105行：
 
}
 
}
 
</source>
 
</source>
−
 
+
*湿度的设置跟温度类似，'''INPUT'''设置成V3，都是通过一个定时器函数senTempHumi()一起发送的
−
*湿度的设置跟温度类似，INPUT设置成V3，都是通过一个定时器函数senTempHumi()一起发送的
 
 
[[File:BlynkSetting5.png||200px|center]]
 
[[File:BlynkSetting5.png||200px|center]]
 
定时器的频率是通过以下两句代码实现的
 
定时器的频率是通过以下两句代码实现的
第148行： 第114行：
 
}
 
}
 
</source>
 
</source>
−
 
+
*PM2.5的'''INPUT'''设置成V6，'''READING FREQUENCY'''设置成5秒钟，代表获取PM2.5数据的频率
−
 
 
−
*PM2.5的的INPUT设置成V6，READING FREQUENCY设置成5秒钟，代表获取PM2.5数据的频率
 
 
[[File:BlynkSetting6.png||200px|center]]
 
[[File:BlynkSetting6.png||200px|center]]
 
对应的Microduino端的代码如下：
 
对应的Microduino端的代码如下：
第158行： 第122行：
 
}
 
}
 
</source>
 
</source>
−
 
+
*同理，光照传感器的'''INPUT'''设置为V4，频率为3秒钟获取一次
−
 
 
−
*同理，光照传感器的INPUT设置为V4，频率为3秒钟获取一次
 
 
[[File:BlynkSetting7.png||200px|center]]
 
[[File:BlynkSetting7.png||200px|center]]
 
对应的Microduino端的代码如下：
 
对应的Microduino端的代码如下：
第169行： 第131行：
 
}
 
}
 
</source>
 
</source>
−
 
+
*甲烷气体的'''INPUT'''为V5，频率为5秒钟获取一次
−
*甲烷气体的INPUT为V5，频率为5秒钟获取一次
 
 
[[File:BlynkSetting8.png||200px|center]]
 
[[File:BlynkSetting8.png||200px|center]]
 
对应的Microduino端的代码如下：
 
对应的Microduino端的代码如下：
第179行： 第140行：
 
}
 
}
 
</source>
 
</source>
−
 
−
 
 
*接下来放一个按钮控件
 
*接下来放一个按钮控件
−
*OUTPUT设置为D6，MODE设置为SWITCH，表示按一下按钮可以切换Microduino端的D6引脚高低电平
+
*'''OUTPUT'''设置为D6，'''MODE'''设置为SWITCH，表示按一下按钮可以切换Microduino端的D6引脚高低电平
 
[[File:BlynkSetting9.png||200px|center]]
 
[[File:BlynkSetting9.png||200px|center]]
−
 
+
*为了更直观的显示数据可以添加一个或几个历史图标'''History Graph'''
−
 
 
−
*为了更直观的显示数据可以添加一个或几个历史图标History Graph
 
−
 
 
 
*可以设置成显示V2和V3的数据图表，最多可现实四个数据
 
*可以设置成显示V2和V3的数据图表，最多可现实四个数据
 
[[File:BlynkSetting10.png||200px|center]]
 
[[File:BlynkSetting10.png||200px|center]]
−
*第二个History Graph可以用来单独显示V6，PM2.5
+
*第二个'''History Graph'''可以用来单独显示V6，PM2.5
 
[[File:BlynkSetting11.png||200px|center]]
 
[[File:BlynkSetting11.png||200px|center]]
 
*最终你的手机面板就变成了这样
 
*最终你的手机面板就变成了这样
第216行： 第172行：
  
 
===Step3===
 
===Step3===
−
**'''螺丝螺帽'''使用[[Microduino-Duo-H/zh]]固定在'''结构-A2'''上
+
**使用'''螺丝螺帽'''把[[Microduino-Shield Duo-H/zh]]固定在'''结构-A2'''上
−
**将以下模块堆叠在[[Microduino-Duo-H/zh]]上
+
**将以下模块堆叠在[[Microduino-Shield Duo-H/zh]]上
 
***[[Microduino-Core+/zh]]
 
***[[Microduino-Core+/zh]]
 
***[[Microduino-USBTTL/zh]]
 
***[[Microduino-USBTTL/zh]]
第223行： 第179行：
 
**并将准备好的'''PM2.5传感器'''[[GP2Y1010AU0F/zh]]用胶水黏在底板上
 
**并将准备好的'''PM2.5传感器'''[[GP2Y1010AU0F/zh]]用胶水黏在底板上
 
[[File:Waetherstep3.jpg||600px|center]]
 
[[File:Waetherstep3.jpg||600px|center]]
 +
 
===Step4===
 
===Step4===
 
*将以下传感器分别用'''结构-B7，B8，B9'''装配
 
*将以下传感器分别用'''结构-B7，B8，B9'''装配
第234行： 第191行：
 
**气体传感器[[Microduino-Air quality/zh]]
 
**气体传感器[[Microduino-Air quality/zh]]
 
**光照传感器[[Microduino-Light/zh]]
 
**光照传感器[[Microduino-Light/zh]]
−
*再分别将传感器固定在Step2中内部四周'''结构-B1'''和'''结构-B2'''组合的卡槽上
+
*按图示，再将所有传感器固定在'''结构-B1'''和'''结构-B2'''的卡槽上
 
*完成后将'''结构-A1'''和'''结构-A2'''分别接在其顶部和底部
 
*完成后将'''结构-A1'''和'''结构-A2'''分别接在其顶部和底部
 
[[File:Waetherstep5.jpg||600px|center]]
 
[[File:Waetherstep5.jpg||600px|center]]
 +
 
===Step6===
 
===Step6===
 
*完成上述步骤后用'''结构-B0'''进行固定，之后插上USB线，气象站完成
 
*完成上述步骤后用'''结构-B0'''进行固定，之后插上USB线，气象站完成
  
 +
===Step7===
 
*设置完成后就可以在[[Microduino-OLED/zh]]上看到各个传感器的数据
 
*设置完成后就可以在[[Microduino-OLED/zh]]上看到各个传感器的数据
−
 
 
*同时在手机Blynk上也能看到气象站上传的数据
 
*同时在手机Blynk上也能看到气象站上传的数据
−
[[File:BlynkSetting13.png||600px|center]]
+
[[File:BlynkSetting13.png||300px|center]]
  
 
==注意事项==
 
==注意事项==

2016年3月13日 (日) 12:16的最新版本

概述

  • 项目名称：开源WiFi气象站系统(ESP8266连接Blynk)
  • 目的：获取身边实时的温度、湿度、光照甚至pm2.5数据
  • 难度：中
  • 耗时：2小时
  • 制作者：ray

简介:

  • 它能够获取你身边实时的温度、湿度、光照甚至pm2.5数据,并且在屏幕上显示出来
  • 并把这些数据上传到Blynk上
  • 你可以通过手机（android或者Apple）来获取气象信息和用手机发送信息到气象站
  • 这套系统完全由Microduino来实现，非常简单。

材料清单

Microduino设备

模块 数量 功能
Microduino-Core+/zh 1 核心板
Microduino-USBTTL/zh 1 下载程序
Microduino-Module WIFI,ESP/zh 1 连接网络
Microduino-Module Sensor Hub/zh 1 连接传感器
Microduino-Shield Duo-H/zh 1 扩展板
Microduino-OLED/zh 1 显示
传感器 数量 功能
Microduino-Temp&Hum/zh 1 数字温湿度传感器
Microduino-Air quality/zh 1 空气质量传感器
Microduino-Light/zh 1 光照传感器
GP2Y1010AU0F/zh 1 PM2.5传感器

其他设备

设备 数量 功能
Micro-USB线 1 下载程序、供电
GP2Y1010AU0F 1 pm2.5传感器
螺丝 7 固定模块
螺丝刀 1 固定螺丝
外壳 1
1000px

实验原理

气象站可以检测的数据包括：


Wifistationtheory.jpg

获取，配置Blynk

下面就通过气象站的配置过程了解Microduino与Blynk是如何交互的

获取Blynk手机客户端

添加配置控件

  • 你可以扫描下方二维码来获取气象站APP
BlynkWeatherStationLink.png
  • 当然你也可以自己动手做一个
  • 选择自己做的话就点击面板可以调出WIDGET BOX,上边有很多控件供你选择。
BlynkSetting3.png
  • 添加Value Display控件，给其命名为“tempture”用以显示获取到的温度值
  • INPUT选择V2，READING FREQUENCY选择PUSH表示温度是气象站主动发送的，频率由Microduino端控制
BlynkSetting4.png

在Microduino端对应的代码是： 

void senTempHumi() {
  am2321.read();
  float sensor_tem = am2321.temperature / 10.0;
  float sensor_hum = am2321.humidity / 10.0;
  Blynk.virtualWrite(V2, sensor_tem);
  Blynk.virtualWrite(V3, sensor_hum);

  oled(sensor_tem, sensor_hum, sensor_light, sensorPM25, Sensor_etoh); 
}
  • 湿度的设置跟温度类似，INPUT设置成V3，都是通过一个定时器函数senTempHumi()一起发送的
BlynkSetting5.png

定时器的频率是通过以下两句代码实现的 

void senTempHumi() {
  SimpleTimer temHumtimer;
  temHumtimer.setInterval(2000L, senTempHumi);
}
  • PM2.5的INPUT设置成V6，READING FREQUENCY设置成5秒钟，代表获取PM2.5数据的频率
BlynkSetting6.png

对应的Microduino端的代码如下： 

BLYNK_READ(V6) {
  Blynk.virtualWrite(V6, sensorPM25);
}
  • 同理，光照传感器的INPUT设置为V4，频率为3秒钟获取一次
BlynkSetting7.png

对应的Microduino端的代码如下： 

BLYNK_READ(V4) {
  sensor_light = map(analogRead(A0), 0, 1023, 0, 255);
  Blynk.virtualWrite(V4, sensor_light);
}
  • 甲烷气体的INPUT为V5，频率为5秒钟获取一次
BlynkSetting8.png

对应的Microduino端的代码如下： 

BLYNK_READ(V5) {
  Sensor_etoh= map(analogRead(A2), 0, 1023, 0, 30);
  Blynk.virtualWrite(V5, Sensor_etoh);
}
  • 接下来放一个按钮控件
  • OUTPUT设置为D6，MODE设置为SWITCH，表示按一下按钮可以切换Microduino端的D6引脚高低电平
BlynkSetting9.png
  • 为了更直观的显示数据可以添加一个或几个历史图标History Graph
  • 可以设置成显示V2和V3的数据图表，最多可现实四个数据
BlynkSetting10.png
  • 第二个History Graph可以用来单独显示V6，PM2.5
BlynkSetting11.png
  • 最终你的手机面板就变成了这样
BlynkSetting12.png

下载程序

气象站代码：ESP8266BlynkWeatherStation

程序烧写

  • 将Microduino-Core+/zh、Microduino-USBTTL/zh堆叠在一起。用数据线连接其中的Microduino-USBTTL/zh上传程序。
    • 注意：最好不要将所有模块堆叠在一起之后再上传程序
  • 打开Arduino IDE for Microduino,环境，（搭建参考：AVR核心：Getting started/zh）
  • 确认板卡（Microduino-Core+）处理器（Atmega644Pa）选择无误，并选中对应端口号(COMX)
  • 打开你所下载的项目中“ESP8266BlynkWeatherStation.ino”程序
  • 几项都无误后，点击"→"按钮下载程序到开发板上

拼装气象站

Step1

Waetherstep1.jpg

Step2

  • 把结构-B1~B5用结构-B6拼接在一起
Waetherstep2.jpg

Step3

Waetherstep3.jpg

Step4

Waetherstep4.jpg

Step5

Waetherstep5.jpg

Step6

  • 完成上述步骤后用结构-B0进行固定，之后插上USB线，气象站完成

Step7

  • 设置完成后就可以在Microduino-OLED/zh上看到各个传感器的数据
  • 同时在手机Blynk上也能看到气象站上传的数据
BlynkSetting13.png

注意事项

  • 确保Blynk验证码配置正确，可通过把验证码发送到邮箱，复制，粘贴确保一致性。
  • 确保家里的路由器运行正常，SSID和密码填写正确
取自“http:///https//wiki.microduino.cn/index.php?title=开源WiFi气象站系统(ESP连接Blynk)/zh&oldid=14103”