javascript連接mqtt(js連接 mqtt)

browserMqtt

1.使用lib browserMqtt

1.1 引用jquery.js

1.2 引用browserMqtt.js

2.實例代碼

        <script type="text/javascript">
           //連接服務器地址
            var client = mqtt.connect("ws://webap01.mqtt:9001/");
            client.on('connect', function () {
                $("#page").html("");
            });

            var Lab = {};
            Lab["lab0"] = {};
            Lab["lab1"] = {};
            Lab["lab2"] = {};
            Lab["lab3"] = {};

          
            //你要訂閱topic
            client.subscribe("mytopic/room/temperature/#");


            client.on('message', function (topic, message) {
                try {
                    //解析成json對象
                    var message = JSON.parse(message);

                    console.log(message);

                    if (message.result = 'OK') {
                        $("#" + message.lab + "_" + message.id).prop("src", "check.png");
                        Lab[message.lab][message.id] = "OK";
                        $("#" + message.lab + "_score").html(((Object.keys(Lab[message.lab]).length / Members.length) * 100).toFixed(0) + "%");
                    }
                } catch (e) {
                    console.log(e);
                }
            }); 
 
 
 
      
        </script>