Error While connecting to MQTT Broker using JavaScript MQTT Client With Websockets

I am working with MQTT, when I am trying to connect to mosquitto_sub I am able to connect but When I am trying to connect through JavaScript MQTT Client With Websockets then I am getting an error AMQJSC0001E Connect timed out.

Here is my code :

<?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>

What am I doing wrong?

edited Dec 1 '18 at 11:44

halfer

14.5k758111

asked Nov 20 '18 at 5:33

Nikita Agrawal

15611

move your MQTTconnect(); into body element

– Sameer
Nov 20 '18 at 5:57

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:25

Are you sure the Things Network supports MQTT over Websockets? The Doc (thethingsnetwork.org/docs/applications/mqtt/api.html) makes no mention of it. (also port 10 looks wrong)

– hardillb
Nov 20 '18 at 7:21

add a comment |

Here is my code :

<?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>

What am I doing wrong?

edited Dec 1 '18 at 11:44

halfer

14.5k758111

asked Nov 20 '18 at 5:33

Nikita Agrawal

15611

move your MQTTconnect(); into body element

– Sameer
Nov 20 '18 at 5:57

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:25

Are you sure the Things Network supports MQTT over Websockets? The Doc (thethingsnetwork.org/docs/applications/mqtt/api.html) makes no mention of it. (also port 10 looks wrong)

– hardillb
Nov 20 '18 at 7:21

add a comment |

Here is my code :

<?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>

What am I doing wrong?

edited Dec 1 '18 at 11:44

halfer

14.5k758111

asked Nov 20 '18 at 5:33

Nikita Agrawal

15611

Here is my code :

<?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>

What am I doing wrong?

<?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>

<?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>

javascript mqtt iot

edited Dec 1 '18 at 11:44

halfer

14.5k758111

asked Nov 20 '18 at 5:33

Nikita Agrawal

15611

edited Dec 1 '18 at 11:44

halfer

14.5k758111

asked Nov 20 '18 at 5:33

Nikita Agrawal

15611

edited Dec 1 '18 at 11:44

halfer

14.5k758111

edited Dec 1 '18 at 11:44

halfer

14.5k758111

edited Dec 1 '18 at 11:44

halfer

14.5k758111

asked Nov 20 '18 at 5:33

Nikita Agrawal

15611

asked Nov 20 '18 at 5:33

Nikita Agrawal

15611

asked Nov 20 '18 at 5:33

Nikita Agrawal

15611

move your MQTTconnect(); into body element

– Sameer
Nov 20 '18 at 5:57

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:25

Are you sure the Things Network supports MQTT over Websockets? The Doc (thethingsnetwork.org/docs/applications/mqtt/api.html) makes no mention of it. (also port 10 looks wrong)

– hardillb
Nov 20 '18 at 7:21

add a comment |

move your MQTTconnect(); into body element

– Sameer
Nov 20 '18 at 5:57

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:25

Are you sure the Things Network supports MQTT over Websockets? The Doc (thethingsnetwork.org/docs/applications/mqtt/api.html) makes no mention of it. (also port 10 looks wrong)

– hardillb
Nov 20 '18 at 7:21

move your MQTTconnect(); into body element

– Sameer
Nov 20 '18 at 5:57

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:25

Are you sure the Things Network supports MQTT over Websockets? The Doc (thethingsnetwork.org/docs/applications/mqtt/api.html) makes no mention of it. (also port 10 looks wrong)

– hardillb
Nov 20 '18 at 7:21

add a comment |

1 Answer
1

active

oldest

votes

When you load the page a call to MQTTconnect is made ( bottom of the page in code above).

<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>

answered Nov 20 '18 at 6:01

Sameer

316210

I am able to call the function that's not a problem I believe

– Nikita Agrawal
Nov 20 '18 at 6:26

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:27

And you have written the jQuery in HTML body without script declared. Correct it

– Nikita Agrawal
Nov 20 '18 at 6:27

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53386808%2ferror-while-connecting-to-mqtt-broker-using-javascript-mqtt-client-with-websocke%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

When you load the page a call to MQTTconnect is made ( bottom of the page in code above).

<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>

answered Nov 20 '18 at 6:01

Sameer

316210

I am able to call the function that's not a problem I believe

– Nikita Agrawal
Nov 20 '18 at 6:26

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:27

And you have written the jQuery in HTML body without script declared. Correct it

– Nikita Agrawal
Nov 20 '18 at 6:27

add a comment |

When you load the page a call to MQTTconnect is made ( bottom of the page in code above).

<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>

answered Nov 20 '18 at 6:01

Sameer

316210

I am able to call the function that's not a problem I believe

– Nikita Agrawal
Nov 20 '18 at 6:26

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:27

And you have written the jQuery in HTML body without script declared. Correct it

– Nikita Agrawal
Nov 20 '18 at 6:27

add a comment |

When you load the page a call to MQTTconnect is made ( bottom of the page in code above).

<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>

answered Nov 20 '18 at 6:01

Sameer

316210

When you load the page a call to MQTTconnect is made ( bottom of the page in code above).

<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>

answered Nov 20 '18 at 6:01

Sameer

316210

answered Nov 20 '18 at 6:01

Sameer

316210

answered Nov 20 '18 at 6:01

Sameer

316210

answered Nov 20 '18 at 6:01

Sameer

316210

I am able to call the function that's not a problem I believe

– Nikita Agrawal
Nov 20 '18 at 6:26

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:27

And you have written the jQuery in HTML body without script declared. Correct it

– Nikita Agrawal
Nov 20 '18 at 6:27

add a comment |

I am able to call the function that's not a problem I believe

– Nikita Agrawal
Nov 20 '18 at 6:26

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:27

And you have written the jQuery in HTML body without script declared. Correct it

– Nikita Agrawal
Nov 20 '18 at 6:27

I am able to call the function that's not a problem I believe

– Nikita Agrawal
Nov 20 '18 at 6:26

may be some connection failure error. Try test your broker connection using MQTTLen or MQTTBox with chrome extension.

– Sameer
Nov 20 '18 at 6:27

And you have written the jQuery in HTML body without script declared. Correct it

– Nikita Agrawal
Nov 20 '18 at 6:27

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Cfrgtkky