MQTTX Web版本的使用指南

目录

引言

建立连接

订阅主题

测试

发布消息

消息查看与过滤

连接管理

结语

引言

MQTTX Web 是一款开源的 MQTT 5.0 浏览器客户端，也是一个在线 MQTT WebSocket 客户端工具，无需下载安装，打开浏览器即可使用，为开发者快速开发和调试 MQTT 服务与应用提供了便利。我上课使用的电脑不方便安装软件，正好使用这个工具演示MQTT协议。

建立连接

打开浏览器，输入MQTTX Web 在线使用地址即可访问。我们以巴法云为例说明MQTTX Web版本的使用方法。

点击页面中的 “创建连接” 按钮，弹出连接信息填写页面。

巴法云的服务器信息如下：

服务器地址：bemfa.com

普通端口：9501

加密端口：9503 ，支持TLS1.2

加密websocket协议端口：9504 , path：/wss

 MQTTX Web版本只支持WebSocket协议，所以配置如下：

由于巴法云不支持5.0版本的MQTT，还需要将MQTT修改为3.1。 填写完成后，点击右上角的连接按钮，即可快速创建并连接到 MQTT 服务

订阅主题

测试

1. 创建并成功连接后，点击订阅列表中的 “添加订阅” 按钮弹出订阅列表框。
2. 在 “Topic” 输入框中输入要订阅的主题，可根据需要设置 QoS 等级等其他参数。
3. 点击 “订阅” 按钮完成订阅，订阅成功后将开始接收该主题的消息。

发布消息

1. 点击页面右侧底部的输入框，弹出消息发布框1。
2. 填写好 “Topic” 及 “Payload” 字段，“Payload” 即消息内容，可以是文本、JSON 等格式。
3. 点击右下角的发布图标可发布消息，发布成功后的消息将会显示在消息列表的右侧。

消息查看与过滤

• 订阅主题所收到的消息将会显示在消息列表的左侧，已发送的消息显示在右侧。
• 可点击右上角的消息类型切换按钮，只显示已接收或是已发送的消息，方便查看和管理。

连接管理

• 可以对新建的连接进行编辑、删除操作。点击连接名称旁边的编辑按钮可修改连接信息，点击删除按钮可删除连接。
• MQTTX Web 会将新建的连接和消息信息等持久化存储到浏览器内，方便下次访问使用。

结语

MQTTX Web 基于现代浏览器技术开发，使用方便，功能强大。它为物联网开发者进行 MQTT 连接测试提供了一种新的选择，能够帮助不同使用场景需求的用户完成对 MQTT 服务或应用的开发与调试，从而提高开发效率和应用稳定性。