从零开始学习3D可视化之数据对接（3）

最新推荐文章于 2023-08-01 09:25:58 发布

ThingJS_小锘

最新推荐文章于 2023-08-01 09:25:58 发布

阅读量1.8k

点赞数

文章标签： javascript 开发语言 html5 jquery css

本文链接：https://blog.csdn.net/ThingJS/article/details/119034406

版权

本文介绍了如何从零开始学习3D可视化，重点讲解了利用MQTT协议进行数据对接。MQTT是一个轻量级的发布/订阅消息协议，适用于物联网和3D可视化场景，通过连接MQTT服务器和引用mqtt库，可以实现实时可靠的数据交互，例如将MQTT数据挂接到3D物体上，实现特定条件下的物体状态变化。

摘要由CSDN通过智能技术生成

MQTT是ThingJS平台支持的四种数据对接方式之一，MQTT又称Message Queuing Telemetry Transport，消息队列遥测传输，是 ISO 标准（ISO/IEC PRF 20922）下基于发布 (Publish)或订阅 (Subscribe)范式的消息协议，可视为“资料传递的桥梁”。MQTT是一个轻量级协议，使用MQTT协议的中心是broker（服务器/代理），客户端通过订阅消息和发布消息进行数据交互。

使用MQTT方式的步骤如下：

1.直接连接MQTT服务器（需支持websocket访问，Mosquitto支持websocket的配置可自行百度）。

2.引用第三方 mqtt库。

3.MQTT数据对接。

一个简单示例如下：

功能：通过MQTT方式读取数据并将数据挂接到物体（car01）身上，当温度>30℃时，car01变红。

var app; // App对象
var car; // 挂载数据的叉车
 
// 引入样式文件
THING.Utils.dynamicLoad([
 'https://www.thingjs.com/static/lib/stomp.min.js',
 '/guide/examples/css/measure/panel.css&