marucjmar/html client PAHO

## html client PAHO
<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <script src="paho.js" type="text/javascript"></script>
  <script type="text/javascript">
    //sample HTML/JS script that will publish/subscribe to topics in the Google Chrome Console
    //by Matthew Bordignon @bordignon on twitter.
    var wsbroker = "localhost";  //mqtt websocket enabled broker
    var wsport = 1884 // port for above
    var client = new Paho.MQTT.Client(wsbroker, wsport, '',
        "myclientid_" + parseInt(Math.random() * 100, 10));
    client.onConnectionLost = function (responseObject) {
      console.log("connection lost: " + responseObject.errorMessage);
    };
    client.onMessageArrived = function (message) {
      console.log(message.destinationName, ' -- ', message.payloadString);
    };
    var options = {
      timeout: 3,
      onSuccess: function () {
        console.log("mqtt connected");
        // Connection succeeded; subscribe to our topic, you can add multile lines of these
        client.subscribe('/World', {qos: 1});

        //use the below if you want to publish to a topic on connect
        message = new Paho.MQTT.Message("Hello");
        message.destinationName = "/World";
        client.send(message);

      },
      onFailure: function (message) {
        console.log(message);
      }
    };
  function init() {
      client.connect(options);
  }
    </script>
  </head>
  <body onload="init();">
  </body>

</html>

## mosquitto websocket
# /etc/mosquitto/mosquitto.conf
pid_file /var/run/mosquitto.pid

persistence true
persistence_location /var/lib/mosquitto/

log_dest file /var/log/mosquitto/mosquitto.log

include_dir /etc/mosquitto/conf.d

port 1883

listener 1884
protocol websockets
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<script src="paho.js" type="text/javascript"></script>
	<script type="text/javascript">
	//sample HTML/JS script that will publish/subscribe to topics in the Google Chrome Console
	//by Matthew Bordignon @bordignon on twitter.
	var wsbroker = "localhost"; //mqtt websocket enabled broker
	var wsport = 1884 // port for above
	var client = new Paho.MQTT.Client(wsbroker, wsport, '',
	"myclientid_" + parseInt(Math.random() * 100, 10));
	client.onConnectionLost = function (responseObject) {
	console.log("connection lost: " + responseObject.errorMessage);
	};
	client.onMessageArrived = function (message) {
	console.log(message.destinationName, ' -- ', message.payloadString);
	};
	var options = {
	timeout: 3,
	onSuccess: function () {
	console.log("mqtt connected");
	// Connection succeeded; subscribe to our topic, you can add multile lines of these
	client.subscribe('/World', {qos: 1});

	//use the below if you want to publish to a topic on connect
	message = new Paho.MQTT.Message("Hello");
	message.destinationName = "/World";
	client.send(message);

	},
	onFailure: function (message) {
	console.log(message);
	}
	};
	function init() {
	client.connect(options);
	}
	</script>
	</head>
	<body onload="init();">
	</body>

	</html>
	# /etc/mosquitto/mosquitto.conf
	pid_file /var/run/mosquitto.pid

	persistence true
	persistence_location /var/lib/mosquitto/

	log_dest file /var/log/mosquitto/mosquitto.log

	include_dir /etc/mosquitto/conf.d

	port 1883

	listener 1884
	protocol websockets