Serve Static Files menggunakan Express

Dengan menggunakan Framework Express kita bisa juga mengakses file static seperti gambar, css, js, dll. Caranya adalah dengan menggunakan middleware express.static(). dimana express.static() adalah sebuah middleware yang telah disediakan oleh Express untuk mengakses file static. Jadi gaperlu repot-repot lagi untuk mengakses file static seperti yang kita pernah lakukan menggunakan nodejs-http sebelumnya.

const express = require('express');
const path = require('path')
const app = express();
 
// implementasi middleware express.static() dengan parameter 'public' dimaksudkan untuk mengakses file static yang berada di folder 'public'
app.use(express.static(path.join(__dirname, 'public')));
 
// dengan rute ini kita akan mengakses file 'index.html' yang berada di folder 'public'
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});
 
app.listen(3000, () => {
  console.log('Server is running at port 3000');
});

path.join(__dirname, 'public') akan menghasilkan path yang lengkap dari folder 'public' yang berada di direktori root, hal ini dilakukan agar memperjelas keberadaan folder 'public' yang akan diakses. Sebetulnya kita bisa saja menuliskan path secara langsung seperti ini 'public' saja tanpa menggunakan path.join(__dirname, 'public') karena folder 'public' berada di direktori root.