2. Cara Kerja ExpressJS

tech

Table of Content

• Cara Kerja Express.js
  • 1. Routing
  • 2. Middleware
  • 3. Serving Static Files
  • 4. Template Engine

Cara Kerja Express.js

Cara kerja Express.js dapat dikategorikan menjadi empat. Hal tersebut menyesuaikan dengan fungsi-fungsi yang diterapkan, yaitu:

1. Routing

Routing adalah metode yang digunakan website (server) untuk merespons permintaan dari browser (client). Misalnya, permintaan untuk menampilkan halaman tertentu.

Cara kerja routing di Express.js adalah dengan sebuah metode bernama app. Metode tersebut akan merespons setiap permintaan berbentuk HTTP. Misalnya GET, POST, PUT, dan DELETE.

Berikut contoh skrip routing untuk menampilkan halaman Hello World :

app.get('/', (req, res) => res.send('Hello World!'));

2. Middleware

Middleware adalah fungsi yang digunakan untuk mengakses permintaan object (req), respons object (res), dan setiap siklus permintaan dan respon tersebut (next).

Pada Express.js, cara kerja Middleware adalah dengan mengeksekusi setiap skrip, membuat perubahan terhadap permintaan dan respons object, mengakhiri siklus permintaan-respons, lalu menyiapkan Middleware untuk siklus berikutnya.

Berikut adalah skrip Middleware sederhana pada website Hello World:

var express = require('express')
var app = express()
 
app.get('/', function(req, res) {
	res.send('Hello World!')
})
 
app.listen(3000)

3. Serving Static Files

Static Files adalah file yang dapat diunduh oleh client dari server, contohnya adalah gambar, file CSS, dan file JavaScript. Static files umumnya disimpan di dalam folder public.

Nah, untuk menyiapkan static files tersebut Express.js menggunakan fungsi yang disebut express.static. Cara kerjanya dengan menuliskan skrip pada file index.js untuk menampilkan file-file yang berada pada folder public.

Contohnya skripnya sebagai berikut:

app.use(express.static('public'))

Dengan begitu, semua static file pada folder tersebut akan ditampilkan ke client, seperti:

- http://localhost:3000/images/kucing.jpg
- http://localhost:3000/css/gaya.css
- http://localhost:3000/js/app.js
- http://localhost:3000/images/background.png
- http://localhost:3000/helloworld.html

4. Template Engine

Template engine adalah library yang memungkinkan pengembang memilih template yang berbeda. Cara kerjanya dengan mengatur bagaimana metode pemrosesan data sesuai dengan template yang dipilih.

Express.js mendukung berbagai template engine seperti Pug, EJS, Swig, dan Handlebars. Untuk menggunakan salah satu template engine, misalnya Pug, lakukan instalasi terlebih dahulu lewat npm:

npm install --save pug

Setelah itu, tuliskan skrip yang dapat memanggil template engine Pug tersebut, contohnya seperti ini:

app.set('view engine','pug');
app.set('views','./views');

Nah, cara kerja Express.js yang berbeda-beda menjadikannya salah satu framework dengan kinerja tercepat dan untuk mengembangkan jenis website modern, seperti progressive web app (PWA) dan single page app (SPA).

Sumber : https://www.niagahoster.co.id/blog/express-js-adalah/