通过网页连接MQTT服务器

本文转载自查看原文 2021-02-27 09:08 449

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script src="https://cdn.bootcss.com/paho-mqtt/1.0.2/mqttws31.min.js"></script>
    <script>
        client = new Paho.MQTT.Client("broker.emqx.io", Number(8083), "websockets-test");//建立客户端实例
        client.connect({onSuccess:onConnect});//连接服务器并注册连接成功处理事件
            function onConnect() {
                console.log("onConnected");
                topic = 'mytopic'; //订阅的主题
                client.subscribe(topic);//订阅主题
                console.log("subscribed");
                //发送消息
            }
            client.onConnectionLost = onConnectionLost;//注册连接断开处理事件
            client.onMessageArrived = onMessageArrived;//注册消息接收处理事件
            function onConnectionLost(responseObject) {
                if (responseObject.errorCode !== 0) {
                    // console.log("onConnectionLost:"+responseObject.errorMessage);
                    console.log("连接已断开");
                 }
            }
            function onMessageArrived(message) {
                console.log("收到消息:"+message.payloadString);
                console.log("主题："+message.destinationName);

            }
    </script>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 使用 WebSocket 连接 MQTT 服务器 MQTT连接服务器返回2 Thingsboard MQTT连接至服务器 7.MQTT网页客户端连接MQTT服务器的问题WebSocket connection to 'ws://XXX:1883/' failed: Connection closed before receiving a handshake response 使用 WebSocket 客户端连接 MQTT 服务器 1-安装MQTT服务器(Windows),并连接测试单机千万级MQTT连接服务器测试报告微信小程序连接MQTT服务器、阿里云微消息队列MQTT版配置MQTT服务器 MQTT——服务器搭建（一）