Memahami web socket HTML5

 Author : hadinug, 17 March, 2014, Komentar

Web Sockets adalah generasi teknologi komunikasi dua arah untuk aplikasi web yang beroperasi lebih dari soket tunggal dan terkena melalui antarmuka JavaScript di browser HTML 5  yang mendukung .


Setelah Anda mendapatkan koneksi Web Socket dengan server web , Anda dapat mengirim data dari browser ke server dengan memanggil send (metode ) , dan menerima data dari server ke browser oleh event handler onmessage .



Berikut adalah API yang membuat objek WebSocket baru .


var Socket = new WebSocket(url,[protocol]);


Argumen pertama, url, menentukan URL yang menghubungkan. Atribut kedua, protokol [opsional], dan jika ada, menetapkan sub-protokol yang server harus mendukung untuk koneksi. 


WebSocket Atribut: 

Berikut ini adalah atribut objek WebSocket. Dengan asumsi kita buat objek Socket sebagaimana disebutkan di atas:


Atribut  Keterangan
 Socket.readyState atribut readyState mewakili keadaan koneksi. Hal ini dapat memiliki nilai berikut: 
  1. Nilai 0 menunjukkan bahwa sambungan belum didirikan. 
  2. Nilai 1 menunjukkan bahwa sambungan dibuat dan komunikasi adalah mungkin. 
  3. Nilai 2 menunjukkan bahwa sambungan akan melalui jabat tangan penutupan. 
  4. Sebuah nilai 3 menunjukkan bahwa sambungan telah ditutup atau tidak bisa dibuka.
 Socket.bufferedAmount bufferedAmount mewakili jumlah byte UTF-8 teks yang sudah antri menggunakan send () method.

WebSocket Events: 

Berikut ini adalah acara yang berkaitan dengan objek WebSocket. Dengan asumsi kita buat objek Socket sebagaimana disebutkan di atas:

 

 Event Event Handler Handler Deskripsi 
 open Socket.open Peristiwa ini terjadi ketika koneksi socket didirikan. 
 message Socket.onmessage Peristiwa ini terjadi ketika klien menerima data dari server. 
 error Socket.onerror Peristiwa ini terjadi ketika ada kesalahan dalam komunikasi. 
 close Socket.onclose  Peristiwa ini terjadi ketika koneksi ditutup.

WebSocket Method

Berikut ini adalah metode yang terkait dengan objek WebSocket. Dengan asumsi kita buat objek Socket sebagaimana disebutkan di atas:


 Metode   Deskripsi
 Socket.send  Send (data) metode mentransmisikan data dengan menggunakan koneksi. 
 Socket.close  Close () metode akan digunakan untuk menghentikan setiap koneksi yang ada.

Example

Contoh Penggunaan Web Socket


function WebSocketTest()
{
  if ("WebSocket" in window)
  {
     alert("WebSocket is supported by your Browser!");
     // Let us open a web socket
     var ws = new WebSocket("ws://localhost:9998/echo");
     ws.onopen = function()
     {
        // Web Socket is connected, send data using send()
        ws.send("Message to send");
        alert("Message is sent...");
     };
     ws.onmessage = function (evt) 
     { 
        var received_msg = evt.data;
        alert("Message is received...");
     };
     ws.onclose = function()
     { 
        // websocket is closed.
        alert("Connection is closed..."); 
     };
  }
  else
  {
     // The browser doesn't support WebSocket
     alert("WebSocket NOT supported by your Browser!");
  }
} 


 
Bagikan halaman ke sosial media
 
Tags :   html5    htm5 websocket       

Tentang Penulis

writer hadinug
Web Developer di PT. Yafii Solusi Internasional

Link: http://ysi.co.id

   Komentar Anda