Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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="mqttws31.js" type="text/javascript"></script>
- <script src="jquery.min.js" type="text/javascript"></script>
- <script src="config.js" type="text/javascript"></script>
- <script type="text/javascript">
- var mqtt;
- var reconnectTimeout = 2000;
- function MQTTconnect() {
- mqtt = new Messaging.Client(
- host,
- port,
- "web_" + parseInt(Math.random() * 100,
- 10));
- var options = {
- timeout: 3,
- useSSL: useTLS,
- cleanSession: cleansession,
- onSuccess: onConnect,
- onFailure: function (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 + " TLS = " + useTLS + " username=" + username + " password=" + password);
- mqtt.connect(options);
- }
- function onConnect() {
- $('#status').val('Connected to ' + host + ':' + port);
- // 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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement