Menggunakan Express.js untuk Routing – Arahkan Aplikasi Kamu ke Tujuan yang Tepat!

(Jangan khawatir, kita bisa bantu arahkan aplikasi kamu ke tujuan yang tepat dengan routing!)

Kali ini kita bakal belajar menggunakan Express.js untuk routing di aplikasi Node.js. Kalau aplikasi kamu ibaratnya jalanan, routing itu adalah peta yang memberi tahu aplikasi ke mana harus pergi. Nggak ada lagi "eh, kok nyasar?" dengan routing yang tepat!

Jadi, siap-siap belajar cara pakai Express.js untuk bikin jalanan aplikasi kamu lebih lancar dan jelas!

1. Apa Itu Routing dalam Express.js?

Routing adalah cara aplikasi kamu menangani permintaan (request) dari pengguna. Ibaratnya, kalau aplikasi kamu itu restoran, routing itu adalah bagian yang memberi tahu waiter ke dapur yang mana untuk memesan menu makanan tertentu. Jadi, kalau ada permintaan ke /api/nasi-goreng, server tahu, "Oke, kita masak nasi goreng!"

Express.js adalah framework di Node.js yang memudahkan kita untuk bikin routing. Express ini seperti peta yang memudahkan kita menemukan tujuan aplikasi.

2. Siapkan Server Express.js

Sebelum kita bikin routing, pastikan kamu sudah punya Express.js di proyekmu. Kalau belum, yuk install dulu!

Langkah 1: Install Express.js

Buka terminal dan jalankan perintah ini:

npm init -y
npm install express

Langkah 2: Bikin File server.js

Sekarang, buat file server.js dan isi dengan kode berikut untuk memulai server:

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

// Route dasar (home)
app.get('/', (req, res) => {
  res.send('Selamat datang di Restoran API!');
});

// Jalankan server
app.listen(3000, () => {
  console.log('Server berjalan di http://localhost:3000');
});

Dengan kode ini, kamu punya server yang berjalan di http://localhost:3000. Jadi, ketika kamu akses /, bakal muncul pesan "Selamat datang di Restoran API!" (Keren, kan?).

3. Menggunakan Route dengan Express.js

Sekarang saatnya bikin route yang lebih seru! Bayangkan kamu punya menu restoran dan setiap menu ada alamatnya. Misalnya, menu Nasi Goreng bisa diakses lewat /nasi-goreng. Yuk, kita tambahin route-nya!

// Route untuk Nasi Goreng
app.get('/nasi-goreng', (req, res) => {
  res.send('Nasi Goreng Enak, Sudah Dipesan!');
});

// Route untuk Es Teh
app.get('/es-teh', (req, res) => {
  res.send('Es Teh Dingin, Siap Disajikan!');
});

Jadi, sekarang aplikasi kamu bisa melayani dua permintaan:

• GET /nasi-goreng bakal jawab "Nasi Goreng Enak, Sudah Dipesan!"
• GET /es-teh bakal jawab "Es Teh Dingin, Siap Disajikan!"

4. Parametrik Route – Menyesuaikan dengan Permintaan

Kadang, pelanggan nggak cuma pesan makanan secara umum, tapi bisa juga minta spesifik. Misalnya, "Saya mau Nasi Goreng Ayam" atau "Saya mau Es Teh Manis". Untuk itu, kita perlu route dengan parameter!

Misalnya, kamu ingin membuat route yang bisa menerima nama makanan. Kode berikut akan menangani hal itu!

// Route untuk makanan tertentu
app.get('/menu/:makanan', (req, res) => {
  const makanan = req.params.makanan;
  res.send(`Pesanan kamu adalah: ${makanan}`);
});

Di sini, :makanan adalah parameter yang bisa kamu sesuaikan. Jadi, jika pelanggan pesan /menu/nasi-goreng, server akan jawab "Pesanan kamu adalah: nasi-goreng." Gampang, kan?

5. Menggunakan Route untuk Berbagai Metode HTTP

Express.js nggak cuma bikin route untuk GET, tapi juga bisa pakai POST, PUT, dan DELETE! Jadi, kalau kamu mau terima pesanan baru, update pesanan, atau hapus pesanan, semuanya bisa diatur. Begini cara caranya:

// POST - Menerima pesanan
app.post('/pesan', (req, res) => {
  const menu = req.body.menu;
  res.send(`Pesanan ${menu} sudah diterima!`);
});

// PUT - Update pesanan
app.put('/update/:id', (req, res) => {
  const id = req.params.id;
  res.send(`Pesanan ${id} telah diperbarui.`);
});

// DELETE - Hapus pesanan
app.delete('/hapus/:id', (req, res) => {
  const id = req.params.id;
  res.send(`Pesanan ${id} telah dihapus.`);
});

Sekarang kamu bisa membuat, memperbarui, dan menghapus pesanan menggunakan POST, PUT, dan DELETE.

6. Menyusun Route dengan Router

Kadang aplikasi kamu punya banyak route. Untuk mengorganisirnya, kita bisa menggunakan Router dari Express. Bayangkan router itu seperti divisi yang mengatur menu spesial. Jadi, biar nggak berantakan, kita pisah-pisah!

const router = express.Router();

// Route untuk makanan
router.get('/makanan', (req, res) => {
  res.send('Makanan yang tersedia: Nasi Goreng, Ayam Bakar');
});

// Route untuk minuman
router.get('/minuman', (req, res) => {
  res.send('Minuman yang tersedia: Es Teh, Jus Jeruk');
});

// Gunakan router
app.use('/menu', router);

Sekarang, route untuk /menu/makanan dan /menu/minuman jadi lebih terstruktur dan rapi!

7. Kesimpulan: Routing Itu Seperti Mempersiapkan Menu Makanan

Routing di Express.js itu seperti membuat menu di restoran yang jelas dan mudah dipahami. Dengan Express, kamu bisa mengatur tujuan dan respons aplikasi kamu dengan sangat mudah. Baik itu menambah pesanan, memperbarui, atau menghapus, semua bisa dilakukan dengan bantuan routing.

Jadi, jika aplikasi kamu sudah mulai bikin banyak menu, jangan lupa untuk strukturkan route dengan baik, agar nggak nyasar ke jalan yang salah!

Selamat mencoba, dan semoga server kamu selalu cepat nyampe ke tujuan!