智能养殖监测与管理系统------实现ESP32上传传感器数据至OneNET,以及微信小程序远程监测与控制

本系统利用物联网的便携性,实现了远程监测养殖环境,并对环境改善的功能。在养殖场的监测点安装该系统的硬件设施,其中传感器可以检测温湿度,光照等,之后将传感器收集到的数据传输到物联网平台端,可以查看当前数据以及数据可视化的情况,微信小程序端可以查看当前数据,也可以控制灯、通风系统的开关来保证环境的稳定。

本项目实现基于ESP32对周围环境的温湿度、通过光敏电阻对周围光的采集,并通过ESP32的WIFI模块上传到ONENET物联网平台。项目总体的功能是可以实时采集数据,并且将数据上传到云平台上,可以通过云平台浏览历史数据。项目主要由分为两个部分:硬件部分是基于ESP32开发板的数据采集与通信模块;软件部分是OneNET物联网平台端和微信小程序端。具体实现如下: 1.根据养殖场对于环境的需求,设计出系统实现的思路:通过传感器获取数据,再由单片机处理数据,通信模块进行数据传输,平台端数据存储与处理,小程序端查看数据。 2.硬件部分ESP32开发板为核心,可实现监测当前位置的温湿度、光照条件,通过ESP32WIFI通信模块,使用TCP协议,将采集到的数据上传到 OneNET物联网平台,物联网平台将数据进行存储,并将实时数据显示为图表。微信小程序通过调用OneNET平台提供的API来获取数据,可以显示当前数据。

 

首先是Arduino中的代码,实现传感器检测数据,上传OneNET,并且我们要求OneNET可以通过下发命令来控制舵机、led灯的打开与关闭。 

 上传至OneNET后,我们可以看到各项数据。

其中,准备与设置好各个传感器传入各项数据流的意义。

temp,     实时监测温度,单位:℃;

humi,     实时监测湿度,单位:%RH;

led,        实时监测led灯状态,0灭,1亮

guang,      实时监测房间内光照状态,0明亮,1黑暗

Kaiguan,  实时监测通风开关状态,0关闭,1黑暗

客户端用微信小程序实现,系统由两大部分组成,分别是数据显示部分、远程控制部分。数据显示部分,展示监测的温度、湿度、照明灯状态、室内光照情况、通风系统状态;远程控制部分,设置五个按钮,分别实现刷新数据、打开照明、关闭照明、打开通风、关闭通风功能。小程序制作中遇到的问题,就是js数据传递与页面布局中css的使用。

数据显示部分,通过老师下发的示例代码,我们实现了OneNET上数据传输到小程序上,点击“显示温湿度”,可以显示出实时的温湿度。但是一开始由于对js与微信小程序API的认识薄弱,也只能简单的显示温湿度与OneNET传输过来的代表led开关等的0或1。显示在手机上不方便用户直观的看到系统内各项数据情况。在查阅文档和资料后,我们计划在js中负责OneNET向小程序的“points1”方法中加入判断,例如,若小程序收到led状态“0”,在小程序中显示“关闭中”,若小程序收到led状态“1”,在小程序中显示“工作中”。这样就方便用户使用。但是在接收数据Setdata方法中,无法进行if  else判断,造成很大的困扰。最后,我们三目运算的判断,终于成功将OneNET中传输过来的“0”“1”转换为便于我们阅读的语句。

远程控制部分,实现微信小程序对通风系统、光照系统的控制,就要向OneNET传输数据,下发命令。这首先要理解数据显示“points1”方法中js是如何获得OneNET中数据的。阅读关于微信小程序开发手册,学习理解api的作用,最开始的数据显示在小程序上是通过method:”GET”;来获取数据,而method:”POST”;则就是传回数据,并由OneNET下发到ESP32,实现对硬件系统的控制。其中,data:中就是我们要传回的命令,但是值得注意的一点是,虽然数据的传输默认为字符串,若直接输入11等,还是可以发出命令,但是,命令若是00,就会报错,无法识别,为了谨慎,在命令上都最好加上引号。发出命令后,可以使用console.log(“已控制”)来检验一下。

OneNET与微信小程序的数据传输,要理解url作为接口,来实现两者的通信。

 进行返回命令的远程控制中,出现“没有权限,请先开启云服务”的报错。

 

在创建项目时,我们有两个选择,一个是个人APPid,可以提供云服务,另一个时测试号,将没有云服务功能。使用个人的APPid,我们在云函数开发时就不会出现“没有权限,请先开启云服务”的报错。

一旦出现这个问题,而我们又必须用云服务功能,就要新建项目,重来一次。开始新建项目时,最好使用自己的APPid。

 

微信小程序报错“https//api.heclouds.com不在合法域名列表中”,这是由于微信小程序的安全设置,我们需要登录微信公众平台,进入“开发管理”,进入“开发设置”,进入“服务器域名”,进行白名单添加。

 

重点一,就是微信小程序中,开头一定是https://,而不是http://,否则会一直报错,没办法添加进去。

 

这里是微信安全性设置,白名单也会要求安全性更高的https。

 

重点二,这样子修改之后,一定要重启微信小程序开发,否则它还是一直报错“https//api.heclouds.com不在合法域名列表中”

数据展示和远程控制均遇到了css的问题,两者在小程序中进行布局时,我均遇到了叠加在一起的情况,最好就是对不同文本、按钮设置不同盒子,在不同盒子中设置css值,来分别调整,不要图省事。

 

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值