mqtt给html页面发消息

如果要将消息从mqtt发送到html页面，可以使用websocket协议来实现。首先，你需要在html页面中使用JavaScript代码创建一个websocket连接。然后，通过这个websocket连接，你可以订阅mqtt主题，并在接收到mqtt消息时将其显示在html页面上。

下面是大致的步骤：
1. 在html页面中创建websocket连接：

   var socket = new WebSocket("ws://your-websocket-url");

请将"your-websocket-url"替换为你的websocket服务器的URL。

2. 在websocket连接打开时，订阅mqtt主题：

   socket.onopen = function() {
       socket.send("mqtt-subscribe: your-mqtt-topic");
   };

请将"your-mqtt-topic"替换为你要订阅的mqtt主题。

3. 在websocket连接接收到消息时，将消息显示在html页面上：

   socket.onmessage = function(event) {
       var message = event.data;
       // 在页面上显示消息
       // ...
   };

通过以上步骤，你就可以在html页面上接收来自mqtt的消息了。