K10与MQTT三:APPinventor制作的手机APP与K10通信

2024-11-271.1万
AI 快速预览详细 收起
本文介绍了如何使用APP Inventor创建一个安卓应用,通过MQTT协议与K10进行通信。首先,用户需要在APP Inventor平台上注册并登录。接着,新建项目并上传必要的插件。然后,设计一个简单的界面,包含显示接收到的消息控件、输入框和发送按钮。接下来,编写程序以实现消息的发送和接收功能。最后,通过AI伴侣进行调试,并打包成软件安装包。整个过程详细且易于理解,适合零基础的新手学习。


基于K10与MQTT一:siotV1上手测试https://mc.dfrobot.com.cn/thread-321950-1-1.html

APP inventor在线编辑器https://code.appinventor.mit.edu/
第一次打开可能会比较慢,请耐心等待。苹果手机现在支持APP inventor2了但是不支持插件,所以本文不适用苹果手机只可以安卓。非纯血鸿蒙需自行测试。

一、登录(注册)
K10与MQTT三:APPinventor制作的手机APP与K10通信图1
注册
注册之后会分配一个唯一的账号ID,需要记录下来。(建议发到自己微信里面然后再收藏)

K10与MQTT三:APPinventor制作的手机APP与K10通信图2
登录
K10与MQTT三:APPinventor制作的手机APP与K10通信图3
K10与MQTT三:APPinventor制作的手机APP与K10通信图4
K10与MQTT三:APPinventor制作的手机APP与K10通信图5

二、新建项目,上传插件
K10与MQTT三:APPinventor制作的手机APP与K10通信图6K10与MQTT三:APPinventor制作的手机APP与K10通信图7K10与MQTT三:APPinventor制作的手机APP与K10通信图8K10与MQTT三:APPinventor制作的手机APP与K10通信图9K10与MQTT三:APPinventor制作的手机APP与K10通信图10K10与MQTT三:APPinventor制作的手机APP与K10通信图11K10与MQTT三:APPinventor制作的手机APP与K10通信图12K10与MQTT三:APPinventor制作的手机APP与K10通信图13K10与MQTT三:APPinventor制作的手机APP与K10通信图14

三、设计界面
简单一点,一个显示接收到的消息控件;一个输入框,一个发送按钮。
K10与MQTT三:APPinventor制作的手机APP与K10通信图15K10与MQTT三:APPinventor制作的手机APP与K10通信图16K10与MQTT三:APPinventor制作的手机APP与K10通信图17
修改参数K10与MQTT三:APPinventor制作的手机APP与K10通信图18K10与MQTT三:APPinventor制作的手机APP与K10通信图19K10与MQTT三:APPinventor制作的手机APP与K10通信图20

四、编写程序
K10与MQTT三:APPinventor制作的手机APP与K10通信图21K10与MQTT三:APPinventor制作的手机APP与K10通信图22K10与MQTT三:APPinventor制作的手机APP与K10通信图23K10与MQTT三:APPinventor制作的手机APP与K10通信图25K10与MQTT三:APPinventor制作的手机APP与K10通信图24K10与MQTT三:APPinventor制作的手机APP与K10通信图26

五、AI伴侣调试
K10与MQTT三:APPinventor制作的手机APP与K10通信图27K10与MQTT三:APPinventor制作的手机APP与K10通信图28K10与MQTT三:APPinventor制作的手机APP与K10通信图29K10与MQTT三:APPinventor制作的手机APP与K10通信图30K10与MQTT三:APPinventor制作的手机APP与K10通信图31K10与MQTT三:APPinventor制作的手机APP与K10通信图32K10与MQTT三:APPinventor制作的手机APP与K10通信图33

六、打包app
觉得没问题了可以打包成软件安装包
K10与MQTT三:APPinventor制作的手机APP与K10通信图34K10与MQTT三:APPinventor制作的手机APP与K10通信图35K10与MQTT三:APPinventor制作的手机APP与K10通信图36

七、测试
1.启动siot
2.K10运行《K10与MQTT一》里面的程序
3.启动app
4.等标签1背景变绿看标签2内容是否变化,输入文字点击按钮查看K10屏幕是否能显示
视频



K10 app inventor.zip

2.92 MB, 下载次数: 11333

创作许可协议

本项目采用 None(不开放任何权利,保留所有权利) 进行许可。

评论(10)
麦壳maikemaker
麦壳maikemaker
作者
更新下示例项目
来自UC网盘分享文件:
「APPinventor的MQTT示例」
上传下载快,畅享原画播放和云解压,可电视投屏。点击链接立刻保存。
链接:https://drive.uc.cn/s/b050115e72894?public=1


mm0099
mm0099
只能订阅一个topic么?
麦壳maikemaker
麦壳maikemaker
作者
回复mm0099
应该是不限制的,但是接收消息都是同一个积木块,所以你接收到消息需要先判断topic再判断消息内容
waynewan
waynewan
老师,怎么才能保存数据库发送呢。这个发了后台没有信息
麦壳maikemaker
麦壳maikemaker
作者
回复waynewan
改qos为2,没记错的话应该是2,可以看一下K10图形化生成的代码里面qos是不是2
183116040630602
183116040630602
老师,我想实现在siot上的信息能够发布到我的APP上,我是M10,已经将port改成了1883,QoS改成了2,没有发布信息的环节和显示是否连接的环节,请问我为什么还是没有连接呢老师
麦壳maikemaker
麦壳maikemaker
作者
回复183116040630602
信息太少无法判断,如果还没解决可以给我发邮件([email]djzrs@qq.com[/email])或者在dfrobot的交流群@我,我的微信昵称:不知道怎么回事呢
认真学开心玩
认真学开心玩
大佬 这步上传这个扩展 是上传了个什么东西??? 纯新手 一般在哪里的?是自己架设的SIOT里面的文件??要怎么招
麦壳maikemaker
麦壳maikemaker
作者
回复认真学开心玩
文章最后的附件
麦壳maikemaker
麦壳maikemaker
作者
回复认真学开心玩
上传的插件的呀,添加了这个才能支持MQTT的
孙洪尧1985
孙洪尧1985
请问大佬,如果应用到M10上呢?
麦壳maikemaker
麦壳maikemaker
作者
回复孙洪尧1985
没有M10,不过M10也是python模式,python没问题的。
你可以把你的操作过程,和代码截图等发到交流群大家一块帮你看看能不能发现问题
孙洪尧1985
孙洪尧1985回复麦壳maikemaker
没成功,大佬。希望大佬有时间出一期帖子人,让我们学习学习。
共3条回复,已加载2条,点击查看更多共3条回复,已加载全部
CRH380AL-2542
CRH380AL-2542

CRH380AL-2542
CRH380AL-2542
emm……看了以下积木,把Port改成固定的1883,再把QOS都改成1就支持V2了,感谢分享
CRH380AL-2542
CRH380AL-2542回复麦壳maikemaker
可以的,我试过用PublishEx
麦壳maikemaker
麦壳maikemaker
作者
回复CRH380AL-2542
V2不设置qos也能用只是后台网页上不显示相关的topic和消息,数据大屏也就调用不了这个topic。
CRH380AL-2542
CRH380AL-2542
请问国内汉化版本服务器可以使用吗?设置的参数中有没有QOS参数?如果有,把QOS参数设为1,是不是就可以基于SIOTV2了?
easy猿
easy猿
666
- 没有更多了 -