Pengenalan Express.js: Framework Node.js yang Wajib Kamu Pelajari

Kalau kamu sudah belajar JavaScript dan mulai merambah ke dunia backend, Express.js adalah nama yang pasti sering kamu dengar. Express adalah framework web minimalis untuk Node.js yang memudahkan pembuatan server HTTP, API, dan aplikasi web — dengan kode yang jauh lebih ringkas dibanding menggunakan modul http bawaan Node.js secara langsung.

Di artikel pertama seri Express.js ini, kita kenali dulu apa itu Express, mengapa populer, dan bagaimana cara memulainya.

Apa itu Express.js?

Express.js (atau cukup “Express”) adalah framework web untuk Node.js yang bersifat:

Minimalis — tidak memaksakan struktur folder atau pola tertentu
Unopinionated — kamu bebas memilih library untuk database, templating, autentikasi, dsb.
Fast — overhead sangat kecil di atas Node.js yang sudah cepat
Mature — dirilis tahun 2010, battle-tested di jutaan proyek production

Express menyederhanakan hal-hal seperti routing, middleware, request/response handling, dan serving static files yang kalau dilakukan manual dengan Node.js murni bisa sangat verbose.

Mengapa Express.js Populer?

Express konsisten masuk top 5 package paling diunduh di npm dengan ratusan juta unduhan per minggu. Alasannya:

Kurva belajar rendah — jika sudah tahu JavaScript, Express mudah dipelajari
Ekosistem npm yang besar — ribuan middleware tersedia
Komunitas besar — dokumentasi lengkap, banyak tutorial dan contoh
Cocok untuk API — sangat populer untuk membangun RESTful API
Fondasi banyak framework lain — NestJS, LoopBack, Sails.js semuanya berbasis Express

Prasyarat

Sebelum mulai, pastikan kamu sudah punya:

Node.js versi 18 atau lebih baru — cek dengan node -v
npm — biasanya sudah ikut saat install Node.js
Editor kode (VS Code direkomendasikan)
Pemahaman dasar JavaScript (function, callback, object, module)

Instalasi Pertama

Langkah 1: Inisialisasi Project

Buat folder project baru dan inisialisasi npm:

mkdir belajar-express
cd belajar-express
npm init -y

Flag -y menjawab semua pertanyaan npm init dengan nilai default, menghasilkan file package.json.

Langkah 2: Install Express

npm install express

Express akan terinstal ke folder node_modules/ dan tercatat di package.json sebagai dependency.

Langkah 3: Buat File Server Pertama

Buat file index.js:

const express = require('express');
const app = express();
const PORT = 3000;

// Route pertama kita
app.get('/', (req, res) => {
  res.send('Halo dari Express.js!');
});

// Mulai server
app.listen(PORT, () => {
  console.log(`Server berjalan di http://localhost:${PORT}`);
});

Langkah 4: Jalankan Server

node index.js

Buka browser dan akses http://localhost:3000. Kamu akan melihat teks “Halo dari Express.js!”.

Anatomi Kode Express

Mari kita bedah kode di atas:

const express = require('express');

Import modul Express menggunakan CommonJS require.

const app = express();

Membuat instance aplikasi Express. Variabel app adalah objek utama yang digunakan untuk konfigurasi dan routing.

app.get('/', (req, res) => {
  res.send('Halo dari Express.js!');
});

Mendefinisikan route: ketika ada HTTP GET request ke path /, jalankan callback ini.

req — objek request (berisi data dari klien)
res — objek response (untuk mengirim data ke klien)

app.listen(PORT, () => { ... });

Mulai server HTTP dan dengarkan koneksi masuk di port yang ditentukan.

Menambahkan Lebih Banyak Route

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Halaman Utama');
});

app.get('/tentang', (req, res) => {
  res.send('Halaman Tentang Kami');
});

app.get('/kontak', (req, res) => {
  res.json({
    email: 'kontak@contoh.com',
    telepon: '021-1234567'
  });
});

// Tangani semua route yang tidak terdefinisi
app.use((req, res) => {
  res.status(404).send('Halaman tidak ditemukan');
});

app.listen(3000, () => {
  console.log('Server jalan di port 3000');
});

Menggunakan Nodemon untuk Development

Setiap kali ada perubahan kode, kamu harus restart server secara manual. Nodemon otomatis melakukan restart saat file berubah.

npm install --save-dev nodemon

Tambahkan script di package.json:

{
  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js"
  }
}

Jalankan dengan:

npm run dev

Sekarang setiap kali kamu simpan perubahan di index.js, server otomatis restart.

Struktur Project Dasar

Untuk project yang lebih besar, pisahkan kode ke file-file yang berbeda:

belajar-express/
├── node_modules/
├── routes/
│   ├── index.js
│   └── users.js
├── middleware/
│   └── logger.js
├── index.js
└── package.json

Perbedaan Express dengan Node.js Murni

Dengan Node.js murni, membuat endpoint sederhana butuh banyak kode:

const http = require('http');

const server = http.createServer((req, res) => {
  if (req.url === '/' && req.method === 'GET') {
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end('Halo!');
  } else if (req.url === '/kontak' && req.method === 'GET') {
    res.writeHead(200, { 'Content-Type': 'application/json' });
    res.end(JSON.stringify({ email: 'kontak@contoh.com' }));
  } else {
    res.writeHead(404);
    res.end('Not found');
  }
});

server.listen(3000);

Dengan Express, jauh lebih bersih dan mudah dibaca. Bayangkan kalau ada puluhan route — bedanya akan semakin terasa.

Kesimpulan

Express.js adalah pintu masuk yang ideal ke dunia backend JavaScript. Dengan API yang sederhana dan ekosistem yang matang, kamu bisa membangun server HTTP hingga API yang kompleks dengan kode yang bersih dan terstruktur.

Di artikel selanjutnya, kita akan mendalami sistem routing di Express — termasuk dynamic routes, route parameters, dan cara mengorganisir routes di project yang lebih besar.