Membuat Aplikasi Chat Sederhana Node JS Part 3

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

11 Juli 2017

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat