2019-11-14 21:41:14 [显示全部楼层]
17860浏览
查看: 17860|回复: 4

[入门教程] OneNet物联+App Inventor2(1)——MQTT

[复制链接]
本帖最后由 云天 于 2019-11-15 17:24 编辑

App Inventor 2
WxBit 汉化增强版
微信在手机中是常开常看软件,能不能将掌控板中传感器获取的信息通过物联网在微信中进行显示提醒呢?    通过不断学习和尝试发现OneNet物联可实现此功能。


一、连接网络,配置 OneNet
掌控板要连接网络才可以与 OneNET 平台处于同一个网络状态中,所以第一步让掌控板连接网络,输入WiFi名称和密码。OLED 屏幕上显示Wifi连接成功信息。

如果想要实现 OneNet 平台和掌控板的相互通信,就必须要创建 OneNET,设置好相应的数据,让两者成功搭建通讯渠道。(服务器数据无需修改,设备 ID/ 产品ID/ 产品 APIKey 都需要在 OneNet 平台找对应的数据。)

1、App Inventor2使用App Inventor2 WxBit 汉化增强版
OneNet物联+App Inventor2(1)——MQTT图7
OneNet物联+App Inventor2(1)——MQTT图8
2、OneNet物联注册https://open.iot.10086.cn/, OneNet物联网开放平台,注册个人账号。登录之后进入开发者中心,在左上角的“全部产品-基础服务”中选择“多协议接入”。

OneNet物联+App Inventor2(1)——MQTT图1

添加产品,进入页面后,切换到“MQTT(旧版)”协议页面下,点击“添加产品”填写完产品信息,点击“确定”之后,可以看到我们的产品创建完成。
OneNet物联+App Inventor2(1)——MQTT图2
OneNet物联+App Inventor2(1)——MQTT图3

接下来,我们进入MQTT这个产品里,可看到一些产品信息。
需要记下:产品ID,Master-APIkey
OneNet物联+App Inventor2(1)——MQTT图4


OneNet物联+App Inventor2(1)——MQTT图6
添加设备,我们再给这个产品添加设备,进入添加设备界面(记下设备ID)
OneNet物联+App Inventor2(1)——MQTT图5




将相应的数据填入App Inventor2 MQTT客户端。服务器URI:tcp://mqtt.heclouds.com:6002

3、App Inventor2 代码部分
OneNet物联+App Inventor2(1)——MQTT图9
OneNet物联+App Inventor2(1)——MQTT图10


"OneNet_MQTT连接",连接MQTT;通过“发送信息”按钮将“数据流”文本框中数据发送到OneNet


OneNet物联+App Inventor2(1)——MQTT图11OneNet物联+App Inventor2(1)——MQTT图13OneNet物联+App Inventor2(1)——MQTT图12








gada888  版主

发表于 2019-11-26 15:27:42

支持支持
回复

使用道具 举报

春风拂槛露华浓  学徒

发表于 2020-6-9 09:32:05

请问一下这个服务器的URL怎么来的啊
回复

使用道具 举报

云天  初级技神
 楼主|

发表于 2020-6-9 09:40:03

春风拂槛露华浓 发表于 2020-6-9 09:32
请问一下这个服务器的URL怎么来的啊

开发文档
回复

使用道具 举报

TPTBUB8h  学徒

发表于 2020-8-1 20:12:57

春风拂槛露华浓 发表于 2020-6-9 09:32
请问一下这个服务器的URL怎么来的啊

协议+官方提供的地址(在官方开发文档中可以找到)+端口
回复

使用道具 举报

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

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

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

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

mail