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
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
Selanjutnya kita bisa langsung testing dengan menulis variabel app disambung dengan metode get untuk menerima request dari URL /
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
Untuk membuat atau setting servernya kita sambungkan dengan metode listen dengan menggunakan PORT 3000 sebagai berikut
Sekarang teman teman sudah bisa jalankan servernya dengan mengetikkan node server dibagian comand linenya
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.
Maka kita akan dapat hasil response textnya artinya kita berhasil menjalankan server dibrowsernya. Tentu tugas kita bukan menampilkan response Text seperti ini.
Tapi kita akan memberikan response dalam bentuk HTMLnya dan agar lebih simple kita gunakan static file dari expressnya dengan menuliskan seperti ini
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.
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
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)