利用ESP8266制作环境监测系统+APP inventor制作手机App实时显示

  • 第一 接线
  • 第二 原理讲解
  • 第三 arduino读取各种传感器数值
  • 第四 传感器数据推送到云端
  • 第五 app inventor 制作app 接收实时数据
    • 关键程序讲解
  • 第六 效果展示

第一 接线

ESP8266-01 ----------arduino
3.3v-------------3.3V
GND-----------GND
EN--------------3.3V
TX-------------pin13
RX----------------pin12

第二 原理讲解

原理简述:利用发布订阅模式。第一步,先arduino获取各种传感器数值,第二步,新建主题,然后arduino往这个主题发送消息,第三步。app inventor 订阅这个主题,因为app inventor 制作的app 订阅了这个主题,就可以收到来自这个主题的消息,也就是可以收到各种传感器数值。

关于发布订阅:

订阅(订阅):订阅给定的一个主题/频道的信息。
发布(发布)将信息发送到指定的主题/频道。

只有订阅该主题的设备才可以收到发往该主题的消息。

通俗的来讲:就是像邮件订阅的场景,什么意思呢,也就是说100个人订阅了你的博客,如果博主发表了文章,那么100个人就会同时收到通知邮件,订阅/发布模式就是这样的原理。

如果还不理解的话再通俗讲一下,就像生活中听收音机,要想听收音机,肯定就是调频啦,只有在正确的频道上面,我们才能听得到好听的节目,所以说订阅首先要订阅一个频道/主题,只有订阅了该主题,我们才能收到发往该频道/主题的消息。

第三 arduino读取各种传感器数值

由于大家的传感器不一样,这里就不统一做例程了,在程序里直接使用了虚拟数值,大家知道就好。

 /*****************获取到的传感器数值*****************///为了演示,定义了多种类型的数据,可根据自己传感器自行选择int data1 = 32;float data2 = 27.8;unsigned int data3 = 45;unsigned char data4 = 26;double data5 = 99.12;String data6 = "ON";

这里只定义了6个数值,当然可以根据自己需要随意增加或者减少传感器个数,数据类型可自行随意修改int、float、double 、String类型等等。

第四 传感器数据推送到云端

本demo 是利用arduino IDE开发,开发板选择arduino uno

arduino示例程序下载:点击下载

注意:上传程序的时候,需断开arduino 和esp8266的连线,不然会下载失败。

如果上一步传感器数据可以成功读取,那么就可以在上版的基础上,把数据上传到云端。

///****************需要修改的地方*****************///String ssid ="newhtc";                                       //WIFI名称
String password="qq123456";                                  //WIFI密码
String uid = "4d9ec352e0376f2110a0c601a2857225";             // 用户私钥,巴法云控制台获取
String topic = "mytemp";                                    //推送消息的主题,即往哪个主题推送///*********************************************///

巴法创客云控制台 新建一个主题,主题名字随意,例如mytemp,本实例用用mytemp,使用示例代码时应修改为自己的主题名字,字母或数字或字母加数字组合。UID为用户私钥,在 巴法创客云控制台 注册登陆后可获得。
登陆完成后,可在控制台看到自己的私钥UID,如图所示:

创建主题,在控制台,可创建主题。

  • 第一输入主题,字母或数字或字母+数字组合。
  • 点击创建主题。

WIFI名称为自己的路由器WIFI名称,区分大小写,写错会导致连接不上网络的。

详细的文档接口可参考:点击

如果路由器有网络的话,数据会自动上传,可在巴法创客云控制台 刷新网页,即可看到上传的数据。如下图所示:

第五 app inventor 制作app 接收实时数据

安装appInventor 点击下载安装

本操作只提供一个app的demo,界面过于丑陋,大家可自由发挥更改界面。

app inventor 程序下载:点击下载

顶部导航栏,依次点击(项目–>导入项目aia),选择上一步骤下载的aia文件导入即可。点击导入的项目,即可看到控制面板,面板主要分为在组建设计和逻辑设计,用户可在右上角进行模式切换。

(组建设计)面板可以向屏幕添加组建以进行二次开发。(逻辑面板)则进行相关逻辑编写。


导入aia文件后,如果只是简单使用,只需要修改两个地方,一个是主题名字,一个是UID,均需开发者置换成自己的topic(主题名字)和UID(用户私钥),均可在创客云控制台获取点击跳转。

此处的主题topic应该和ESP8266程序里面设定的主题修改为一样,不然会收不到消息。UID修改为自己的私钥。

界面还有功能之类的自己可以随意加,更改好,下载apk文件即可。

关键程序讲解

程序下载,修改关键参数后就可直接使用的,以下是关键程序讲解:

接收到带传感器的数据后,依照#号对字符串进行分割,有几个数值,就分割几次,自己要记住第几个数值代表哪种传感器就行了,比如要记住data1是温度,data2是湿度等等,这里的分割次数需要和上传的数据个数相等,有6个数值,就分割6次,7个数值就分割7次,就是依次增加或者减少就行。

当屏幕初始化时,会先订阅主题,只有订阅了这个主题,就可以实时收到发到该主题的消息,cmd=1是订阅指令,就是订阅主题的意思;cmd=9是遗嘱指令,就是获取服务器保存的数值,关于具体指令格式,可以在接入文档了解:接入文档

第六 效果展示

app可实时展示当前各种传感器信息,可做远程监控,手机只要有网络就可以收到数据信息。不管是2G 3G 4G WIFI都行

(开源)arduino和ESP8266-01制作数据监测系统+手机App实时显示相关推荐

  1. (开源)STC89c51结合ESP8266制作物联网环境监测系统+APP inventor制作手机App实时显示

    STC89c51结合ESP8266制作物联网环境监测系统+APP inventor制作手机App实时显示 第一 .先上效果图 第二.原理讲解 第三.c51读取各种传感器数值 第四.传感器数据推送到云端 ...

  2. 利用ESP8266制作环境监测系统+APP inventor制作手机App实时显示

    利用ESP8266制作环境监测系统+APP inventor制作手机App实时显示 原理讲解 ESP8266读取各种传感器数值 传感器数据推送到云端 app inventor 制作app 接收实时数据 ...

  3. esp32-cam拍照上传,app inventor 制作安卓app实时显示

    esp32-cam拍照上传,app inventor 制作安卓app实时显示 1.ESP32-cam开发环境配置 2 .程序下载 连线 3. 控制台查看图片 第四.app 开发 1.ESP32-cam ...

  4. 基于 Flex+GoogleMap+PHP 的远程实时数据监测系统

    Flex 是 Adobe 公司开发的支持 RIA(Rich Internet Applications) 开发和部署的技术产品,借助于其强大的功能,Flex 能够开发基于 flash 的 web 界面 ...

  5. (可远程)ESP8266读DHT11温湿度,APP inventor制作app实时显示

    ESP8266读DHT11温湿度传感器------APP inventor实时显示 原理讲解 ESP8266读取DHT11 温湿度推送到云端 app inventor 制作app 接收实时数据 关键程 ...

  6. esp8266的TCP通信基础教程(结合手机APP)

    最新版安卓TCP助手Android studio工程分享:Android studio TCP网络调试助手应用开发(支持TCP Server与Client切换) 原创 在上一期教程中,我们完成了基于T ...

  7. python中texttable库显示实时数据_用Python串口实时显示数据并绘图pyqtgraph

    用Python串口实时显示数据并绘图 使用pyserial进行串口传输 一.安装pyserial以及基本用法 在cmd下输入命令pip install pyserial 注:升级pip后会出现 &qu ...

  8. 如何从0-1制作数据大屏,我用大白话给你解释清楚了

    好莱坞大片<摩天营救>中有这么一个场景: 你可以看见反派大boss在屏幕上随便点点,就能看到每个角落的具体情况,不禁让人惊呼:满满的高科技! 其实这背后就是咱们今天要讲的数据可视化:把相对 ...

  9. udp服务器实时显示温湿度,(可远程)ESP8266读DHT11温湿度,APP inventor制作app实时显示...

    原理讲解 原理简述:利用发布订阅模式.第一步,先读取DHT11温湿度数值,第二步,新建主题,然后esp8266往这个主题发送消息,第三步.app inventor 订阅这个主题,因为app inven ...

最新文章

  1. Linux 分析工具--性能
  2. oracle 表空间异常增长过快解决方法
  3. Bootstrap3 引入插件的方法
  4. 别乱用,这样打日志定位 Bug 又快又准!
  5. Redis PPT abstract
  6. 详解Android源码的编译
  7. icd11中文版精神障碍pdf_精神与行为障碍类别目录(ICD-11)(借鉴资料)
  8. 无痛学习ISAC(三)
  9. matlab解三次方程,并且输出图像
  10. Windows初级运维(一)文件查找DOS命令大全
  11. 面试被问“你未来的职业规划是什么”,怎样回答最完美?
  12. PAT 1003 我要通过! python
  13. python求奇偶数和_python奇偶数求和
  14. Win10下Docker使用阿里专属加速器
  15. PCL:直通滤波(单一字段 | 多字段)
  16. ArcGIS多条件下进行城市选房分析
  17. 【统计学习系列】多元线性回归模型(四)——模型的参数估计II:区间估计
  18. 时钟晶振在电子日历上的作用!
  19. 整理了一份史上最全的DevOps 工具链
  20. 搭建p2p视频vod点播站点

热门文章

  1. sja1000 中断_关于单片机+SJA1000接收中断C语言编程的问题
  2. MAC install torch
  3. transformer模型的奥秘-学习笔记
  4. 自动排哨位管理系统开题报告
  5. java导出excel,导入excel,导出csv工具类整理
  6. 卸载anaconda pytorch
  7. Redis 由浅入深 (2) - Redis哨兵和集群的介绍和部署方案(看完这篇redis部署再也不是问题)
  8. 走入Mongodb v3.2+-姜威-专题视频课程
  9. supervisor中使用虚拟环境
  10. 电赛中常用的模块电路设计