JavaScript Lesson: Web Socket

Web Socket adalah komunikasi masa nyata (real time) dan dua hala (bidirectional) diantara client dan server. Protocol ini berbeza dengan http kerana client hanya membuat request kepada server hanya sekali. Setelah sambungan dilakukan, komunikasi dua hala boleh di lakukan dengan lebih pantas.

Berikut adalah contoh Javascript Web Socket.

<script>
var ws;
function wsConnect() {
   ws = new WebSocket("ws://ip-address/lesson");
   ws.onmessage = function(msg) {
         document.getElementById('messages').innerHTML = msg.data;
   }
   ws.onopen = function() {
         document.getElementById('status').innerHTML = "connected";
   }
   ws.onclose = function() {
         document.getElementById('status').innerHTML = "disconnected";
         setTimeout(wsConnect,3000);
   }
}

function doit(m) {
   if (ws) {
      var m = document.getElementById('click').value;
      if(m!=""){
         ws.send(m);
         document.getElementById('click').value = "";
      }
   }
}
</script>

Bagi melihat contoh websocket diantara dua NodeRED, rujuk NodeRED Websocket. Berikut adalah video demo menggunakan websocket.

Node-RED Flow (Dashboard)

Sertai Telegram Group bagi dapatkan source code

Contoh: http://shahrulnizam.com/web/websocket.php

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.