Membuat Aplikasi Chat Sederhana Node JS Part 4

11/07/2017    Ekky Ridyanto    1313     Website

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.

membuat-aplikasi-chat-sederhana-node-js-part-4-12-07-2017-1

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

membuat-aplikasi-chat-sederhana-node-js-part-4-12-07-2017-2

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

membuat-aplikasi-chat-sederhana-node-js-part-4-12-07-2017-3

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

membuat-aplikasi-chat-sederhana-node-js-part-4-12-07-2017-4

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

membuat-aplikasi-chat-sederhana-node-js-part-4-12-07-2017-5

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. 

Artikel, Web Design, Javascript, HTML CSS, website

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More