Sebelum menyelam dengan kebutuhan Web Sockets, perlu beberapa hal untuk melihat pada teknik yang sudah ada, yang digunakan untuk duplex communications antara server dan klien. Mereka adalah sebagai berikut -
- Polling
- Long Polling
- Streaming
- Postback dan AJAX
- HTML5
Polling
Polling dapat didefinisikan sebagai metode, yang melakukan permintaan berkala terlepas dari data yang ada dalam transmisi. Permintaan berkala dikirim secara sinkron. Klien membuat permintaan periodik dalam interval waktu tertentu ke Server. Respon dari server termasuk data yang tersedia atau beberapa pesan peringatan di dalamnya.
Long Polling
Long polling, seperti namanya, termasuk teknik yang sama seperti pemungutan suara. Klien dan server sambungan tetap aktif sampai beberapa data diambil atau timeout terjadi. Jika koneksi hilang karena beberapa alasan, klien dapat memulai kembali dan melakukan permintaan berurutan.
Long polling tidak ada perbaikan kinerja proses polling, tetapi permintaan konstan dapat memperlambat proses.
Streaming
Hal ini dianggap sebagai pilihan terbaik untuk transmisi real-time data. Server membuat koneksi terbuka dan aktif dengan klien dan kecuali jika data yang dibutuhkan sedang diambil. Dalam kasus ini, sambungan dikatakan akan terbuka tanpa batas. Streaming termasuk header HTTP yang meningkatkan ukuran file, meningkatkan penundaan. Ini dapat dianggap sebagai kelemahan utama.
Postingan Terkait : HTTP : Mengenal lebih dalam Protocol HTTP
AJAX
AJAX didasarkan pada Javascript objek XmlHttpRequest. Ini adalah bentuk disingkat Asynchronous Javascript dan XML. XmlHttpRequest objek memungkinkan eksekusi JavaScript tanpa reload halaman web lengkap. AJAX mengirim dan menerima hanyasebagian dari halaman web.
AJAX merupakan singkatan dari “Asynchronous JavaScript and XML“, merupakan metode suatu laman web menggunakan JavaScript untuk mengirim dan menerima data dari server tanpa harus menyegarkan (refresh) laman itu.
Postingan Terkait : Pengertian dan manfaat JavaScript dalam membangun WEB
Snipet kode pemanggilan AJAX dengan objek XmlHttpRequest adalah sebagai berikut−
var xhttp;
if (window.XMLHttpRequest) {
xhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
Kekurangan utama dari AJAX dibandingkan dengan Web sockets adalah −
- Mereka mengirim header HTTP, yang membuat total ukuran lebih besar.
- Komunikasi setengah-duplex.
- Web server mengkonsumsi lebih banyak sumber daya.
HTML5
HTML5 merupakan suatu kerangka yang kuat untuk mengembangkan dan merancang aplikasi web. Pilar utama termasuk Mark-up, CSS3, dan Javascript api bersama-sama.
Postingan Terkait : Apa Itu CSS dan Manfaat dari CSS
Diagram berikut menunjukkan komponen HTML5 −
Snipet kode yang diberikan di bawah ini menggambarkan Deklarasi HTML5 dan doctype nya.
<!DOCTYPE html>Mengapa kita perlu Web sockets ?
Internet dikandung menjadi koleksi Hypertext Mark-up Language (HTML) halaman menghubungkan satu sama lain untuk membentuk web konseptual informasi. Selama waktu, sumber daya statis meningkat dalam jumlah dan barang-barang yang lebih kaya, seperti gambar dan mulai untuk menjadi bagian dari kain web.
Teknologi server lanjutan yang memungkinkan server dinamis halaman - halaman konten yang dibuat berdasarkan permintaan.
Segera, persyaratan untuk memiliki lebih dinamis halaman web yang mengarah pada ketersediaan Dinamic Hypertext Mark-up Language (DHTML). Berkat semua JavaScript. Selama tahun berikutnya, kami melihat cross frame communication dalam upaya untuk menghindari ulang halaman yang diikuti oleh HTTP Polling dalam frame.
Namun, tidak ada solusi ini menawarkan solusi yang benar-benar standar cross browser untuk real-time komunikasi dua arah antara server dan klien.
Ini memunculkan kebutuhan protokol Web sockets. Ini memunculkan full-duplex komunikasi membawa desktop kaya fungsionalitas ke semua web browser.
