likes
comments
collection
share

可视化软件Sovit2D对接MQTT数据源方法

作者站长头像
站长
· 阅读数 73

Sovit2D最近又更新了一个新功能——对接MQTT数据源,该功能实现了通过MQTT协议连接获取物联网设备数据并实时推送到场景中。

下面来讲解下该功能的详细使用方法:

1.在场景中选中要绑定数据的组件,右侧弹出【属性框】,选择【数据】选项,点击数据集的【编辑数据集】。

可视化软件Sovit2D对接MQTT数据源方法

▲ 选定组件弹出【数据】属性配置栏

2.进入【数据集管理】界面,点击【创建新的数据源】,这里将【数据源名称】命名为“MQTT数据源”,【连接类型】选择“MQTT”。

可视化软件Sovit2D对接MQTT数据源方法

▲ 创建数据源

3.创建好后,在左边的数据源树中点击刚创建的数据源“MQTT数据源”进入到数据集列表中。

可视化软件Sovit2D对接MQTT数据源方法

▲ 创建好后的数据集列表

4.在列表页面点击【创建数据集】,输入相应信息即可。

可视化软件Sovit2D对接MQTT数据源方法

▲ 创建数据集

注意:因数维图的在线平台使用了https,所以连接的MQTT地址必须为wss://开头,如果您是私有的MQTT请部署私有部署版的产品。

5.给组件绑定数据,这里测试给一个文本组件绑定MQTT返回的数据中的key1和给一个矩形配置改变颜色的动画(当key1=“1”为绿色,当key1=“2”时为红色)。

可视化软件Sovit2D对接MQTT数据源方法

▲ 绑定数据测试

可视化软件Sovit2D对接MQTT数据源方法

▲ 绑定数据测试

6.最后预览场景,并使用MQTT发送消息测试效果。

可视化软件Sovit2D对接MQTT数据源方法

▲ 当发送key1=“1 ” 的效果

可视化软件Sovit2D对接MQTT数据源方法

▲ 当发送key1=“2 ” 的效果

以上就是Sovit2D可视化开发平台最新的MQTT数据源对接功能,Sovit3D和SovitChart同样适用,如果在使用过程中遇到任何问题,可以联系数维图官方客服及数维图官方微信公众号(SovitJs),我们会第一时间为您解决。

转载自:https://segmentfault.com/a/1190000041977317
评论
请登录