Cara Menampilkan File HTML Pada Node JS

Halo semuanya pada bagian sebelumnya kita sudah berhasil menjalankan server pada port :3000 lalu disana kita hanya memberikan response tulisan saja ke halaman web browsernya. Tentu aplikasi yang kita buat tidak sesimple itu. Yang kita mau pada bagian ini kita ingin menampilkan sebuah file HTML kehalaman browsernya maka dari itu saya akan buat satu file index.html yang didalamnya akan ada struktur serdehana lalu menampilkan tag <h3> seperti biasa. 

Cara-Menampilkan-File-HTML-Pada-Node-JS-04-03-2017-1

Hal yang pertama yang akan kita lakukan adalah memanggil satu module yang sudah otomatis ada dari Nodejsnya dengan nama fs

Cara-Menampilkan-File-HTML-Pada-Node-JS-04-03-2017-2

Kemudian dibagian fungsi handleRequestnya yang sebelumnya kita buat pada artikel berikut ini Klik disini.. Tentu kita mau akan memberikan reponse yang berbeda. Pertama didalam fungsi tersebut akan ada metode writeHead dengan status 200 artinya OK lalu selanjutnya ada Content-Type sebagai berikut

Cara-Menampilkan-File-HTML-Pada-Node-JS-04-03-2017-3

Dengan menentukan jenis content yang akan ditampilkan pada kasus ini adalah text/html dan berikutnya kita akan gunakan variabel fs untuk membaca filenya dengan metode readFile. Parameter ke dua kita isi null dan ketiga adalah fungsi callback atau fungsi apa yang akan kita lakukan pada saat membaca index htmlnya. Bentuk penulisannya seperti ini

Cara-Menampilkan-File-HTML-Pada-Node-JS-04-03-2017-4

Yaitu dengan memasang dua parameter yang pertama untuk error lalu kedua ada data atau hasilnya. Didalam fungsi callbacknya kita akan menguji bila ada error maka kita memberikan response dengan mengubah statusnya menjadi 404 artinya file tersebut tidak ditemukan. 

Cara-Menampilkan-File-HTML-Pada-Node-JS-04-03-2017-5

Dan bila tidak ada error maka yang harus kita lakukan adalah tinggal menuliskan atau menampilkan hasil datanya yaitu hasil isi dari file HTMLnya. 

Cara-Menampilkan-File-HTML-Pada-Node-JS-04-03-2017-6

Sebagai catatan hasil dari readFile ini ada dibagian parameter datanya dan terakhir kita bisa menjalankan metode end.

Cara-Menampilkan-File-HTML-Pada-Node-JS-04-03-2017-6

Sekarang bila kita jalankan lagi servernya maka kita akan menghasilkan tulisan sesuai yang kita buat di bagian index.html. 

Cara-Menampilkan-File-HTML-Pada-Node-JS-04-03-2017-7

Kita bisa buktikan bila kita sengaja salahkan nama filenya lalu kita restart lagi servernya maka kita akan lihat response tulisan File Not Found yang mana berasal dari error yang kita temukan. Pada kasus ini errornya adalah file HTMLnya tidak ditemukan. Itu dia semoga jelas terima kasih. Note: untuk menghentikan server kita bisa menekan CTRL+C. Lalu kita bisa menjalankan lagi servernya.

4 Maret 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