开源可视化引擎 Meta2d.js 实战 - 实时数据通信效果-mqtt协议

210 阅读1分钟

使用mqtt客户端软件测试meta2d的实时通信功能。

1、验证软件

  1. @meta2d/core@1.0.35 自研可视化编辑器
  2. mqttx

2、mqtt服务器相关配置

  1. 服务器地址:wss://broker.emqx.io:8084/mqtt
  2. mqtt主题:ab123

3、流程

  1. 基于meta2d.js客户端、mqttx客户端连接服务器,并订阅主题 ab123
  2. mqttx客户端发布主题内容:此处以示例为目的选取组件的常用属性:文本内容、高度、宽度
  3. 查看编辑器网页上的组件相应的属性是否即时变化,控制台是否打印消息

4、录屏

iShot_2023-11-30_10.16.51.gif