Membuat Aplikasi Chat Sederhana Node JS Part 3

11/07/2017    Ekky Ridyanto    1441     Website

Sekarang kita akan membuat server Node JSnya dengan menggunakan module express dan socket-ionya dalam membuat aplikasi chat sederhana. Langsung saja pertama kita buat file server.js didalam folder projectnya. Didalam file server.jsnya kita akan mengimport module yang sudah kita install sebelumnya. Untuk mengimportnya kita gunakan metode require express lalu yang kedua kita pasangkan dengan require socket-ionya seperti berikut

membuat-aplikasi-chat-sederhana-node-js-part-3-11-07-2017-1

express : merupakan Framework Node JS sedangkan socket-io sebagai Module Real Time untuk berkomunikasi antara client dan server dan berikutnya kita akan buat variabel app sebagai Object Express agar kita dapat menjalankan fungsi fungsi dari Expressnya

membuat-aplikasi-chat-sederhana-node-js-part-3-11-07-2017-2

Selanjutnya kita bisa langsung testing dengan menulis variabel app disambung dengan metode get untuk menerima request dari URL

membuat-aplikasi-chat-sederhana-node-js-part-3-11-07-2017-3

dan yang akan kita lakukan adalah menjalankan satu fungsi callback dengan parameter Request dan Response. Tentu responsenya adalah menampilkan tulisan biasa dengan metode send untuk mengirimkan response pesan textnya sebagai berikut

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

Untuk membuat atau setting servernya kita sambungkan dengan metode listen dengan menggunakan PORT 3000 sebagai berikut

membuat-aplikasi-chat-sederhana-node-js-part-3-11-07-2017-6

Sekarang teman teman sudah bisa jalankan servernya dengan mengetikkan node server dibagian comand linenya 

membuat-aplikasi-chat-sederhana-node-js-part-3-11-07-2017-7

atau teman teman juga bisa gunakan module nodemonnya. Setelah server berjalan maka kita bisa mengirim request untuk melihat response dari server tersebut dengan cara mengetik localhost:3000 pada web browser.

membuat-aplikasi-chat-sederhana-node-js-part-3-11-07-2017-8

Maka kita akan dapat hasil response textnya artinya kita berhasil menjalankan server dibrowsernya. Tentu tugas kita bukan menampilkan response Text seperti ini. 

membuat-aplikasi-chat-sederhana-node-js-part-3-11-07-2017-9

Tapi kita akan memberikan response dalam bentuk HTMLnya dan agar lebih simple kita gunakan static file dari expressnya dengan menuliskan seperti ini

membuat-aplikasi-chat-sederhana-node-js-part-3-11-07-2017-10

Jadi modul static express ini akan menangani tiap request dari user dan kemudian akan memberikan response berupa file yang diinginkan. Pada kasus kali ini adalah file index.html yang berada difolder public yang sebelumnya kita sudah buat. Kita bisa restart servernya dengan menekan CTRL + C dan kita jalankan lagi dengan node server lalu enter maka secara default akan menampilkan file index.html di browsernya sebagai hasil response yang diberikan. 

membuat-aplikasi-chat-sederhana-node-js-part-3-11-07-2017-11

Oke itu dia halaman chat sederhana kita. Tentu halaman tersebut belum melakukan fungsionalitasnya untuk itu dibagian selanjutnya kita akan melakukan setting server untuk socket-ionya. Terima kasih

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