Express.js 5
  • Bab 1 dari 9
  • 15 menit
  • 4 soal kuis

Pengenalan & Setup

Di bab ini (2 bagian)
  1. Tujuan
  2. Rangkuman

Tujuan bab ini

  • Mengenal fitur dan versi terbaru Express 5
  • Menyiapkan proyek Node.js dengan ES modules
  • Mengonfigurasi environment variable dengan aman

Selamat datang di bab pertama materi Express.js 5. Sebelum mulai membangun aplikasi web yang kompleks atau REST API yang besar, kamu perlu memahami fondasi dasar dari framework ini serta cara menyiapkan lingkungan pengembangan yang benar dan aman.

Mengenal Express.js 5

Express adalah framework web untuk Node.js yang terkenal karena sifatnya yang minimalis dan fleksibel. Framework ini tidak memaksakan struktur direktori atau arsitektur tertentu kepada kamu, sehingga kamu memiliki kebebasan penuh untuk merancang aplikasi sesuai kebutuhan. Versi terbaru, yaitu Express 5, berjalan di atas minimal Node.js versi 18 ke atas dan membawa banyak pembaruan penting.

Kenapa konsep framework minimalis ini ada? Karena banyak pengembang ingin memiliki kendali penuh atas komponen yang mereka gunakan, mulai dari sistem basis data, modul validasi, hingga pustaka tambahan. Dengan Express, kamu hanya memasang middleware yang benar-benar kamu perlukan.

Menyiapkan Proyek dan ES Modules

Untuk memulai proyek baru, pastikan perangkat kamu sudah terpasang Node.js versi 18 atau yang lebih baru. Kamu bisa membuat folder proyek baru, menginisialisasi npm, lalu memasang Express versi terbaru dengan mudah melalui terminal.

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

Di Express 5, penggunaan ES modules (import/export) sudah menjadi standar yang sangat disarankan. Kamu cukup menambahkan baris "type": "module" di dalam berkas package.json agar bisa menggunakan sintaks impor modern.

Membuat Server Pertama

Membuat server HTTP sederhana di Express sangatlah mudah. Kamu cukup mengimpor modul express, membuat instance aplikasi, lalu mendaftarkan route dasar.

import express from 'express';

const app = express();
const PORT = process.env.PORT ?? 3000;

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

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

Pada kode di atas, app.get() mendaftarkan sebuah handler untuk metode HTTP GET pada path akar (/). Di Express 5, callback pada app.listen() juga dapat menerima argumen error jika terjadi kegagalan saat menjalankan server.

Mengonfigurasi Environment Variable

Pengaturan konfigurasi seperti port server, URL basis data, atau kunci rahasia JWT tidak boleh ditulis secara langsung di dalam kode sumber. Kamu harus menyimpannya di dalam berkas .env dan membacanya menggunakan fitur bawaan Node.js atau memvalidasinya sejak awal aplikasi menyala agar terhindar dari error di tengah jalan.

Kesalahan yang sering terjadi adalah lupa memasukkan berkas .env ke dalam .gitignore, sehingga data rahasia ikut terunggah ke repositori publik. Pastikan kamu selalu membuat berkas .env.example sebagai panduan bagi pengembang lain.

Rangkuman

  • Express 5 adalah framework web minimalis dan fleksibel untuk Node.js yang membutuhkan minimal versi 18.
  • Penggunaan ES modules diaktifkan melalui pengaturan "type": "module" di dalam package.json.
  • Server pertama dapat dibuat dengan cepat menggunakan express() dan app.listen().
  • Environment variable harus dijaga kerahasiaannya dan divalidasi sejak awal aplikasi berjalan.

Selesaikan bab ini

  1. 1. Baca materi
  2. 2. Kuis (4 soal)

Cek pemahaman

  1. 1Berapa versi minimum Node.js yang dibutuhkan untuk menjalankan Express 5?

  2. 2Properti "type": "module" di dalam berkas package.json diperlukan agar kamu bisa menggunakan sintaks import dan export.

  3. 3Apa fungsi utama dari metode express() dalam sebuah aplikasi?

  4. 4Apa yang dikirimkan oleh server ketika klien mengakses path akar (/) menggunakan metode GET?

    import express from 'express';
    const app = express();
    
    app.get('/', (req, res) => {
      res.send('Halo dari Express 5!');
    });