Question

我正在使用MQTT，当我尝试连接到mosquitto_sub时，我可以连接，但是当我尝试通过带有Websockets的JavaScript MQTT Client连接时，我得到了一个错误AMQJSC0001E Connect timed out。

这是我的代码：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Mosquitto Websockets</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.2/mqttws31.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js" type="text/javascript"></script>
    

    <script type="text/javascript">
	var host = "eu.thethings.network";
	var username = "sr-ops-rtr-XX";
	var password = "ttn-account-v2.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX";
	var topic = "/devices/+/up";
	var useTLS = "sr-ops-rtr-01";
	cleansession = "";
	var port = 10;
    var mqtt;
    var reconnectTimeout = 2000;
    function MQTTconnect() {
	if (typeof path == "undefined") {
		path = '/devices/up';
	}
	mqtt = new Paho.MQTT.Client(
			host,
			port,
			path,
			"web_" + parseInt(Math.random() * 100, 10)
	);
	
        var options = {
            timeout: 10,
            //useSSL: useTLS,
            //cleanSession: true,
            onSuccess: onConnect,
            onFailure: function (message) {
				console.log(message);
                $('#status').val("Connection failed: " + message.errorMessage + "Retrying");
                setTimeout(MQTTconnect, reconnectTimeout);
            }
        };
        mqtt.onConnectionLost = onConnectionLost;
        mqtt.onMessageArrived = onMessageArrived;
        if (username != null) {
            options.userName = username;
            options.password = password;
        }
        console.log("Host="+ host + ", port=" + port + ", path=" + path +  " username=" + username + " password=" + password);
		console.log(options);
        mqtt.connect(options);
    }
    function onConnect() {
		alert("connected");
        $('#status').val('Connected to ' + host + ':' + port + path);
        // Connection succeeded; subscribe to our topic
        mqtt.subscribe(topic, {qos: 0});
        $('#topic').val(topic);
    }
    function onConnectionLost(response) {
        setTimeout(MQTTconnect, reconnectTimeout);
        $('#status').val("connection lost: " + responseObject.errorMessage + ". Reconnecting");
    };
    function onMessageArrived(message) {
        var topic = message.destinationName;
        var payload = message.payloadString;
        $('#ws').prepend('<li>' + topic + ' = ' + payload + '</li>');
    };
    $(document).ready(function() {
        MQTTconnect();
    });
    </script>
  </head>
  <body>
    <h1>Mosquitto Websockets</h1>
    <div>
        <div>Subscribed to <input type='text' id='topic' disabled />
        Status: <input type='text' id='status' size="80" disabled /></div>

        <ul id='ws' style="font-family: 'Courier New', Courier, monospace;"></ul>
    </div>
  </body>
</html>

我在做什么错了？

Answer 1

在加载页面时，将调用MQTTconnect（在上面的代码中页面的底部）。

<body>
<h1>Mosquitto Websockets</h1>
<div>
    <div>Subscribed to <input type='text' id='topic' disabled />
    Status: <input type='text' id='status' size="80" disabled /></div>

    <ul id='ws' style="font-family: 'Courier New', Courier, monospace;"></ul>
 </div>
   $(document).ready(function() {
      MQTTconnect();
    });
</body>

使用带有Websocket的JavaScript MQTT Client连接到MQTT Broker时出错

1 个答案: