STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11

我们使用NBIOT的开发板,STM32+BC35-G进行温湿度采集,并发送到湖畔科技云平台。并在微信小程序查看。
第一步,我们先在湖畔科技云平台(http://www.nnhpiot.com/)注册账号(已经注册了的可以跳过该步骤)。
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
第二步登录湖畔科技
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11

登录云平台后会出现下面这个图,管理中心,
注意APIKEY很重要。
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
第三步:我们在管理中心添加一个新设备。
1、在左侧菜单中,我的设备—>添加新设备,如下图
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
2、选择设备类型(在这里我们以温湿度为例)—>填写设备名称(用来标识你的设备用途)
—>生成ID及秘钥(这是唯一的,用于系统识别你的设备)
—>填写设备描述(可以描述设备的用途)—>点击提交—>创建设备完成。
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
第四步、购买NBIOT的STM32+BC35-G开发板
(有NB模块的也可以直接下载我们的例程如果没有的,可以在本链接购买)。
https://item.taobao.com/item.htm?id=569466220378
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
第五步:在管理中心查看温湿度。曲线显示。
管理中心—>我的设备—>我的设备。就可以查看到自己的所有设备列表。
温湿度DHT11是我之前添加的设备
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
点击右侧的查看设备。效果如下图
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
还可以设置温湿度的报警值
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
第五步,在微信小程序查看温湿度情况。
步骤:1、在左侧菜单中,打开有惊喜—>微信控制
—>可以选择微信公众号或者小程序都可以连接到小程序
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
如果是选择公众号的话,关注公众号可以跳转过去小程序
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
小程序的效果图如下。
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
展示结束。
如需要源代码,可以关注“南宁湖畔科技”微信公众号。微信号:NNHPTCH
或者扫描下面的二维码。发送:BC35DHT11即可获取到单片机源代码。
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11
如果对我们的满意的话。可以在后台的,打开有惊喜—>打赏作者。进行对作者的打赏。
STM32+NBIOTBC35+微信小程序综合应用,web界面显示温湿度DHT11