Template Engine: EJS Dasar — CompileDaily Study

Penjelasan

Kalau butuh merender HTML dinamis dari server (bukan cuma JSON API), Express mendukung berbagai template engine — EJS salah satu yang paling sederhana karena sintaksnya mirip HTML biasa dicampur tag <% %> untuk logika JavaScript. Diatur lewat app.set('view engine', 'ejs'), file template disimpan default di folder views/.

Contoh Konsep

// npm install ejs
const express = require('express');
const app = express();

app.set('view engine', 'ejs');

app.get('/produk/:id', (req, res) => {
    res.render('produk', { nama: 'Kaos CompileDaily', harga: 99000 });
});

// views/produk.ejs
// <h1><%= nama %></h1>
// <p>Rp <%= harga %></p>

Praktikum

Aktifkan EJS sebagai view engine. Buat route GET /sapa yang me-render view 'sapa' dengan data { nama: 'Budi' }. Tulis juga isi views/sapa.ejs yang menampilkan "Halo, <%= nama %>!".

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Untuk project Express modern yang cuma jadi REST API (dikonsumsi frontend terpisah, mis. React/Vue), template engine seperti EJS SERING TIDAK DIPAKAI SAMA SEKALI — cuma relevan kalau Express-nya juga bertanggung jawab merender HTML langsung ke browser (server-rendered app tradisional).