Membuat Aplikasi Chat Sederhana Node JS Part 4

Pada bagian ini kita akan mulai meng-integrasikan Socket.io. Yang pertama kita akan melakukan setup socket dibagian server.jsnya. Setup socket.io server ini untuk meng-handle request dari library socket.io yang berjalan pada browser.

Nah sekarang kita kebagian socketnya yaitu kita akan pasang event on-connection yang berfungsi untuk inisialisasi koneksi dengan websocketnya. Jadi Socket.io adalah system yang berbasis event-based jadi untuk menerima koneksi dari client teman teman hanya harus membuat event handler untuk event yang bernama on-connection sebagai berikut

Artinya ketika ada koneksi kita akan melakukan beberapa fungsi didalam webSocket ini. Saat ini server Socket.io sudah siap menerima koneksi dari client. Misalnya disini saya ingin ada pesan baru dari client maka dari itu kita gunakan socket.on lalu di ikuti nama kata kunci yaitu 'chat' sebagai berikut

Lalu jalankan fungsi callback yang menerima hasil data atau hasil response pesan chat dari client.

Setelah data yang diterima oleh server kita akan broadcast ke seluruh client dengan menjalankan satu metode emit yang mana kita memberitahu kesemua orang bila ada hasil response data yang akan kita tampilkan ke bagian frontendnya

Kesimpulannya kode diatas server akan menerima pesan dari client dan mem-broadcast nya ke semua client. Jika teman teman perhatikan saya menggunakan method emit pada object io ini bertujuan untuk mem-broadcast pesan ke semua client tidak hanya pada client yang mengirim pesan saja. Istilah client ini adalah sisi browser.