查看: 2365|回复: 16

[高级教程] 让小朋友们打造自己的手机APP,通过OBLOQ-IOT联网控制MI...

[复制链接]
以前用android开发物联网程序,需要写android代码,程序员写出来没问题,小朋友们如果实现起来就麻烦了。虽然Easy Iot也有微信小程序,但是控制物联网设备时需要填写数据来发送指令,不方便。那能否让小朋友也能写出自己的手机APP,通过云端远程控制物联网设备呢?经过搜索,终于在国外thunkable网站找到一个帖子,有个程序员给App Inventor写了一个MQTT扩展,可以很简单通过MQTT协议实现物联网数据的交互。
不过这个扩展需要付费20美元,还好,以前挣过老外的钱,放在Paypal,还没有取出来,正好这次排上用场。现在免费送给小朋友们。

根据作者提供的.aia样例,我写了一个简单的安卓手机APP,能够通过Dfrobot的OBLOQ物联网设备控制灯的亮灭,订阅EasyIot云端的设备后,能够在APP动态显示订阅设备发来的数据。
编程环境:App Inventor,Mind+
硬件环境:Microbit,发光二极管,Gravity-OBLOQ物联网模块
云端:Easy Iot
首先测试App向Easy Iot发送数据。
导入mqtt.aia项目


图片1.png




选择mqttcp.aia项目


图片2.png



图片3.png




点击“逻辑设计”,配置如下。


图片4.png




说明:ipAdress是Easy Iot的网站地址,port中1883是MQTT协议默认端口号(HTTP协议默认端口号是3001,不要混淆)。userName和password是Easy Iot注册账号时生成的Iot_id和Iot_pwd。idDevice随便填写,但一定要是数字,不能是字符串。topic是你需要发布数据的网络设备,在EasyIot中增加设备后会自动生成。
这是我在Easy IoT网站注册的信息。


图片16.png






将刚才的APP程序打包成apk,生成二维码,用手机扫描二维码后安装即可。


图片6.png




运行手机APP程序,先点击Conectar按钮连接云端,再点击Publish按钮,即可将hello world发送到云端。


图片7.png




可以看到Easy Iot云端接收到手机发来的信息。


图片8.png




在输入框中输入需要订阅设备的topic,然后点击“SubScribe”按钮。


图片9.png




在云端发送app inventor mqtt,手机APP会在标签控件上显示该信息。


图片10.png





图片11.png




接下来测试手机控制灯的亮灭。
App Inventor中拖动两个按钮,分别命名为“开灯”和“关灯”。


图片12.png




进入“逻辑设计”页面,添加这两个按钮的事件,分别向topic发送“kai”和“guan”字符串。


图片13.png




在Mind+中编写程序。
添加物联网模块OBLOQ。初始设置如下。


图片14.png




说明:wifi名称和wifi密码是当前OBLOQ连接路由器的SSID和密码。Iot_id和Iot_pwd分别是EasyIot对应的信息。Topic_0中填写的是在Easy Iot网站新添加设备时自动生成的。




图片15.png




硬件连接:OBLOQ的RX和TX引脚连接在Microbit的P0和P1软串口上,发光二极管连接P16引脚上。
祝小朋友们玩的愉快!





图片5.png

mqtttcp.rar

1.1 MB, 下载次数: 132, 下载积分: 创造力 -1

Forgotten  高级技匠

发表于 2019-4-10 17:48:04

厉害厉害 终于可以自定义app了
回复 支持 反对

使用道具 举报

szjuliet  版主

发表于 2019-4-10 17:54:32

赞啊!就在找这个哈哈
回复 支持 反对

使用道具 举报

kylinpoet  中级技师

发表于 2019-4-10 21:11:16

多谢分享。等这个扩展已经很久了。
回复 支持 反对

使用道具 举报

杨学雨  学徒

发表于 2019-4-12 08:18:47

非常感谢!!
回复 支持 反对

使用道具 举报

杨学雨  学徒

发表于 2019-4-12 10:01:45

感谢楼主 根据楼主的文件 进行一点点修改 直接可以发送和接受数据

SmartHOME .rar

565.64 KB, 下载次数: 27, 下载积分: 创造力 -1

回复 支持 反对

使用道具 举报

hamletl  学徒

发表于 2019-4-12 10:30:31

好贴!
回复 支持 反对

使用道具 举报

刁雷  中级技师

发表于 2019-4-12 16:30:47

厉害了  就找这个教程呢  
回复 支持 反对

使用道具 举报

peter2  学徒

发表于 2019-4-13 18:27:25

test
回复 支持 反对

使用道具 举报

rzegkly  版主

发表于 2019-4-14 16:33:59

很好的物联网教程,学习
回复 支持 反对

使用道具 举报

Fang1  学徒

发表于 2019-4-18 14:15:03

学习了   厉害了
回复 支持 反对

使用道具 举报

lilei8488  初级技师

发表于 2019-4-19 13:08:22

学习了,厉害了,正想找这方面的东西
回复 支持 反对

使用道具 举报

1909425849  见习技师

发表于 2019-4-26 09:52:34

你好,对于网页版的APP inventor没有mqtttcp的extension部分,我在GitHub中也没有找到相应的mqtttcp 的包,请问你是如何添加的mqtttcp模块的扩展的???你好,对于网页版的APP inventor没有mqtttcp的extension部分,我在GitHub中也没有找到相应的mqtttcp 的包,请问你是如何添加的mqtttcp模块的扩展的???
回复 支持 反对

使用道具 举报

super-power  中级技师

发表于 2019-5-1 20:03:02

厉害,厉害,真正的好东西。
回复 支持 反对

使用道具 举报

黑暗中的杀手  学徒

发表于 2019-5-14 16:09:02

赞一个
回复 支持 反对

使用道具 举报

光光  学徒

发表于 2019-7-17 23:43:11

超级好贴。学习了。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
wifi气象站

硬件清单

btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2019 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail