EXPRESS.JS #1 (WHAT I HAVE LEARNED)

#express #ramaexpress #arsiprama

Templating

Cara membuat pattern halaman web yang bisa kita ubah kontennya secara dinamis. Bisa dikatakan 1 design bisa digunakan dimana-mana sehingga cukup efisien.

yang digunakan sebagai pembelajaran templating menggunakan EJS (Embedded Javascript Template)

Konfigurasi

Buat folder project ejs, kemudian masuk kefolder tersebut
Kemudian jalan kan perintah "npm init -y"

Hasil nya akan seperti ini
kemudian kita install express-js "npm i express"

4.membuat file "index.js"

5.pada index, kita buat api kita saat ini pada port 8080

6.kemudian kita install ejs "npm install ejs"

7.untuk package ejs nya sendiri tidak perlu kita require namun menjadi seperti ini

Cara menggunakan EJS pada Express

pada dokumentasi express untuk menggunakan package ejs ini

Terdapat property views, dimana ada lokasi atau folder meletakkan file-file template, di dalam current directory "process.cwd()" dan di dalam folder "views", sehingga pada project kita harus buat suatu folder "views" yang di dalam views ini itu adalah file-file template yang akan di gunakan

jadi pada folder views kita buat file home dengan ekstensi ejs

untuk menampilkan home kita pada "http://localhost:8080/" dilakukan seperti ini

karena kita ingin menampilkan suatu template maka kita menggunakan "res.render()", dan untuk path yang diberikan pada render tidak perlu full path "views/home.ejs" hanya perlu nama file "home.ejs" karena secara default express akan mengecek langsung ke views, kecuali jika kita ganti sendiri.

kita coba untuk jalankan, dengan menggunakan "nodemon" agar tidak jalankan ulang secara manual.
untuk install nodemon cukup gampang bisa di cek di link berikut nodemon