bphermansson · August 15, 2019 11:05
diff --git a/jsmqtt.html b/jsmqtt.html
 <!DOCTYPE html>
  <head>
 	<title>Javascript MQTT test</title>
 	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.min.js"></script>
 </head>
 	<body>
 		<script>
 			// Connection settings
 			var broker = new Object();
 				broker.hostname = '192.168.1.190';
 				broker.port = 9001;

 			// Create a random client name
 			var random = Math.floor(Math.random() * (+65536 - +1)) + +1;
 			var url = window.location.pathname;
 			var clientname = url.substring(url.lastIndexOf('/')+1) + random;

 			// Write the name
 			console.log(clientname);

 			// Create a new client
 			client = new Paho.MQTT.Client(broker.hostname, Number(broker.port), clientname);

 			// If the broker demands a username and password, set it here. 
 			var conOpts = new Object();
 				conOpts.userName='emonpi';
 				conOpts.password='emonpimqtt2016';
 			// We also define functions for a successful connection and when a message arrives.
 			conOpts.onSuccess = onConnect;
 			client.onMessageArrived = onMessageArrived;

 			// All set, connect!
 			client.connect(conOpts);

 			// On a successful connection, tell the log and subscribe to a topic.
 			// We can also send a message directly.
 			function onConnect() {
 				console.log("onConnect");
 				client.subscribe("mqttjs");
 				/*
 					message = new Paho.MQTT.Message("Hello from " + clientname);
 					message.destinationName = "mqttjs";	// = topic to send to
 					client.send(message);
 				*/
 			}

 			// This is the function that runs when a message with the correct topic arrives. 
 			function onMessageArrived(message) {
 				console.log("onMessageArrived:"+message.payloadString);
 			}
 		</script>
  </body>
 </html>
	<!DOCTYPE html>
	<head>
	<title>Javascript MQTT test</title>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.min.js"></script>
	</head>
	<body>
	<script>
	// Connection settings
	var broker = new Object();
	broker.hostname = '192.168.1.190';
	broker.port = 9001;

	// Create a random client name
	var random = Math.floor(Math.random() * (+65536 - +1)) + +1;
	var url = window.location.pathname;
	var clientname = url.substring(url.lastIndexOf('/')+1) + random;

	// Write the name
	console.log(clientname);

	// Create a new client
	client = new Paho.MQTT.Client(broker.hostname, Number(broker.port), clientname);

	// If the broker demands a username and password, set it here.
	var conOpts = new Object();
	conOpts.userName='emonpi';
	conOpts.password='emonpimqtt2016';
	// We also define functions for a successful connection and when a message arrives.
	conOpts.onSuccess = onConnect;
	client.onMessageArrived = onMessageArrived;

	// All set, connect!
	client.connect(conOpts);

	// On a successful connection, tell the log and subscribe to a topic.
	// We can also send a message directly.
	function onConnect() {
	console.log("onConnect");
	client.subscribe("mqttjs");
	/*
	message = new Paho.MQTT.Message("Hello from " + clientname);
	message.destinationName = "mqttjs"; // = topic to send to
	client.send(message);
	*/
	}

	// This is the function that runs when a message with the correct topic arrives.
	function onMessageArrived(message) {
	console.log("onMessageArrived:"+message.payloadString);
	}
	</script>
	</body>
	</html>