Membuat User Online Real Time Menggunakan Socket IO

12 September 2020 by Zed

Membuat User Online Menggunakan Socket IO - Menampilkan status user online secara real time kedengarannya sangat bagus. Bagaimana caranya?

Socket IO adalah sebuah library javascript yang memungkinkan kita bisa membuat aplikasi web secara real time. Ini memungkinkan komunikasi secara real time dari sisi client dan server (dua arah). Library ini berjalan di sisi browser dan berjalan di sisi client yaitu Node Js. Pada kesempatan kali ini saya akan membagikan tutorial membuat user online secara real time dengan menggunakan library Socket IO. Simak pembahasannya dibawah ini.

Bahan-Bahan

Adapun bahan-bahan yang perlu disiapkan adalah : 

  1. Text Editor
  2. Node Js
  3. Terminal

Langkah-Langkah

Pertama buka Terminal lalu install library Socket IO

npm install socket.io

Install sesuai kebutuhan

Lalu buatlah file index.js dan ketik script dibawah ini

 

Jika sudah silahkan buat file index.html di dalam folder public dan ketikkan script dibawah ini

Kemudian buatlah file main.js dan ketikkan code seperti dibawah ini

Jika semua code sudah dibuat, silahkan jalankan program tersebut dengan nodemon index.js

nodemon index.js

Jika berhasil maka tampilan akan seperti ini

 

Penjelasan:

  1. Dari sisi front end saya mengirimkan parameter data pengguna
  2. Dari sisi server akan diolah dan ditampilkan lagi ke index.html

Berikut adalah gambarnya:

 

Penutup

Cara ini bisa kalian gunakan jika kalian punya website yang mempunyai banyak pengunjung setiap harinya.

*) Mohon maaf jika cara penulisan artikel ini agak aneh 

Komentar