Cara menggunakan php websocket client wss

Pada artikel ini kita akan belajar bagaimana cara mengimplementasikan websocket dengan menggunakan NodeJS.

WebSockets adalah alternatif komunikasi HTTP di Aplikasi Web. Teknologi ini menawarkan saluran komunikasi dua arah yang memiliki durasi yang panjang antara client dan server.

Kelebihan dari Websocket ini adalah menawarkan koneksi yang sangat cepat dengan latensi dan overhead yang rendah.

Perbedaan Websocket dengan HTTP

HTTP adalah protokol yang sangat berbeda, dan juga cara berkomunikasi yang berbeda. HTTP adalah protokol request/response dimana server akan mengembalikan data ketika client melakukan request.

Sedangkan pada WebSocket, server dapat mengirimkan request ke client tanpa klien secara eksplisit meminta request. Dalam hal ini client dan server dapat berkomunikasi satu sama lain secara bersamaan.

WebSocket sangat cocok untuk komunikasi real-time dengan durasi yang panjang sedangkan HTTP lebih cocok untuk pertukaran data satu arah yang diinisiasi oleh client.

Buat koneksi WebSocket baru

const url = 'wss://serversaya.com/alamat-websocket'
const connection = new WebSocket(url)

connectionadalah objek WebSocket. Ketika koneksi berhasil dibuat, maka script akan menjalanan sebuah event.

Ketika koneksi websocket berhasil di buka maka kita akan membuat sebuah function untuk menjalanan sebuah task pada properti onopen :

connection.onopen = () => {
  //...
}

Selanjutnya kita membuat sebuah function sebagai return jika terjadi kesalahan / error saat mengaktifkan koneksi websocket dengan properti onerror :

connection.onerror = error => {
  console.log(`WebSocket error: ${error}`)
}

Mengirim data ke server menggunakan WebSocket

Setelah koneksi terbuka, Anda dapat mengirim data ke server melalui websocket dengan NodeJS. Anda dapat melakukannya dengan menambahkan kode di dalam function onopen :

connection.onopen = () => {
  connection.send('halo')
}

Menerima data dari server menggunakan WebSocket

Untuk menerima data dari server, kita bisa menggunakan event onmessage :

connection.onmessage = e => {
  console.log(e.data)
}

Membuat server WebSocket dengan NodeJS

ws adalah library WebSocket yang populer untuk NodeJS. Kita akan menggunakan library tersebut untuk membangun server WebSocket.

Proses instalasi ws sangatlah mudah, Anda hanya perlu menalankan perintah berikut di console / terminal :

yarn init
yarn add ws

Setelah kita menginstall ws, kita dapat mulai mengimplementasikan Websocket dengan NodeJS untuk sisi server.

const WebSocket = require('ws')

const wss = new WebSocket.Server({ port: 8080 })

wss.on('connection', ws => {
  ws.on('message', message => {
    console.log(`Received message => ${message}`)
  })
  ws.send('ho!')
})

Kode ini akan membuat server baru pada port 8080 (port default untuk WebSocket), dan menambahkan fungsi return saat koneksi dibuat, mengirim “halo juga!” ke client, dan menampilkan pesan dari client.

Penutup

Pada artikel ini kita sudah belajar bagaimana cara mengimplementasikan websocket dengan menggunakan NodeJS baik untuk sisi client maupun sisi server. Semoga bermanfaat

Jangan lupa kunjungi Ruang Koding untuk update terbaru lainnya.