websocket连接mqtt实现发布及订阅主题

要使用 WebSocket 连接 MQTT 实现发布和订阅主题，需要以下步骤：

1. 安装 MQTT 服务器，例如 Mosquitto
2. 在服务器上启用 WebSocket 支持，例如使用 Mosquitto 的 WebSocket 模块
3. 编写前端 JavaScript 代码，使用 MQTT.js 库连接到服务器的 WebSocket 端口
4. 在代码中实现发布和订阅主题的逻辑

下面是一个简单的示例代码：

// 创建 MQTT 客户端对象
const client = mqtt.connect('ws://localhost:8083/mqtt');

// 连接成功时的回调函数
client.on('connect', function () {
  console.log('Connected to MQTT server');
  
  // 订阅主题
  client.subscribe('my/topic');
});

// 接收到消息时的回调函数
client.on('message', function (topic, message) {
  console.log(`Received message on topic ${topic}: ${message.toString()}`);
});

// 发布消息
client.publish('my/topic', 'Hello, MQTT!');

在这个示例中，我们创建了一个 MQTT 客户端对象，并连接到服务器的 WebSocket 端口。然后我们订阅了一个名为 `my/topic` 的主题，当有消息发布到该主题时，我们的回调函数会被调用并打印出消息内容。最后，我们通过 `publish` 方法发布了一条消息到 `my/topic` 主题。

需要注意的是，由于 WebSocket 连接是在浏览器中建立的，因此需要考虑跨域访问的问题。如果 MQTT 服务器和网页服务器不在同一个域名下，需要在服务器上设置 CORS 头以允许跨域访问。