EXPRESS.JS #2 (WHAT I HAVE LEARNED)

Rama — Tue, 20 May 2025 06:01:38 +0000

MASALAH MENJALANKAN PADA PATH

terdapat permasalahan folder views untuk diluar views karena ketika kita mencoba untuk menjalankan langsung ke indexjs "nodemon express-ejs/index.js"

pada terminal tidak bermasalah dapat jalan, namun ketika kita arahkan akan ada masalah karena diarahkan langsung ke views tidak dari folder express-ejs.

error:

Solusi

Kita Set dengan menggunakan property views untuk current directory kita

Struktur folder saat ini:

kita mengunakan module path untuk menentukan posisi file atau folder kita, jadi kita akan menggabungkan path folder project kita dengan variabel "__dirname" dirname ini adalah directory name yang dimulai dari posisi folder project kita dan dimana file "index" ini berada, karena file "index " ini berada di luar tidak berada di dalam folder views sehingga bisa kita langsung ke file tersebut seperti ilustrasi di bawah

Hasil

EXPRESS.JS #1 (WHAT I HAVE LEARNED)

Rama — Mon, 19 May 2025 04:16:11 +0000

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

Hasil

yang artinya kita telah berhasil untuk mengimplementasikan ejs pada express kita.

DEV Community: Rama

EXPRESS.JS #2 (WHAT I HAVE LEARNED)

MASALAH MENJALANKAN PADA PATH

Solusi

Hasil

EXPRESS.JS #1 (WHAT I HAVE LEARNED)

Templating

Konfigurasi

Cara menggunakan EJS pada Express

Hasil