Express menyediakan middleware express.static untuk menerapkan file statis, seperti gambar, CSS, JavaScript, dan lain-lain. kita hanya perlu meneruskan nama direktori tempat penyimpanan file statis ke middleware express.static untuk melayani file secara langsung. Sebagai contoh, kita ingin menerapkan file bootstrap.
Tutorial Sebelumnya :
Bootstrap terdiri dari file CSS dan Javascript. Download bootstrap pada situs resminya getbootstrap.com. Kemudian, buat sebuah directory yang diberi nama “public”. Didalam folder public, copy-kan file bootstrap yang telah di download sebelumnya.
Setelah itu, kita perlu menginstall template engine. Express mendukung banyak template engine, kita akan menggunakan template engine handlebars.js
Untuk menginstal handlebars, cukup dengan menjalankan perintah berikut pada terminal.
npm install hbs --save
Perintah diatas akan menginstal view engine handlebars secara instan pada project kita.
Selanjutnya, buat folder views pada project directory kita. Kemudian, buat sebuah file dengan nama index.hbs.
const path = require('path');
const express = require('express');
const hbs = require('hbs');
const app = express();
app.set('views',path.join(__dirname,'views'));
app.set('view engine', 'hbs');
app.use(express.static('public'));
app.get('/',(req, res) => {
res.render('index');
});
app.get('/profil',(req, res) => {
res.send('Hello Anjas');
});
app.listen(8080, () => {
console.log('Server is running at port 8080');
});
Jalankan app.js dengan mengetikan perintah berikut pada terminal:
node app.js
Buka browser kemudian ketikan URL berikut:
http://localhost:8080/
