Di Express.js, routing adalah konsep penting yang memungkinkan Anda untuk menentukan bagaimana aplikasi Anda menangani permintaan HTTP yang masuk dari pengguna. Rute memungkinkan Anda menentukan tindakan tertentu saat pengguna mengirim permintaan ke URL tertentu di aplikasi Anda.
Langkah 1: Membuat Dasar Route
Untuk membuat route in Express.js, Anda menggunakan app.METHOD(PATH, HANDLER)
metode objek aplikasi( app
) untuk mendaftarkan route METODE metode HTTP tertentu dan jalur PATH. HANDLER adalah fungsi handler yang akan dipanggil ketika permintaan mengenai itu route.
Misalnya, untuk membuat a route yang menangani GET
permintaan ke /hello
, Anda dapat menggunakan kode berikut:
app.get('/hello',(req, res) => {
res.send('Hello, this is the /hello route!');
});
Langkah 2: Menangani Permintaan dan Tanggapan
Dalam fungsi handler, Anda dapat menangani permintaan yang masuk dari pengguna dan merespons dengan menggunakan objek req
(permintaan) dan res
(respons). Objek req
berisi informasi tentang permintaan yang masuk, seperti parameter URL, data yang dikirim, alamat IP pengirim, dll. Objek res
berisi metode untuk menanggapi permintaan, seperti res.send()
, res.json()
, res.render()
, dll.
Langkah 3: Menangani Banyak Rute
Express.js memungkinkan Anda menentukan beberapa rute untuk URL yang sama dengan metode HTTP yang berbeda. Misalnya:
app.get('/hello',(req, res) => {
res.send('Hello, this is the GET /hello route!');
});
app.post('/hello',(req, res) => {
res.send('Hello, this is the POST /hello route!');
});
Langkah 4: Menangani Parameter Dinamis
Anda juga dapat menentukan rute yang berisi parameter dinamis, yang ditentukan oleh titik dua( :
). Misalnya:
app.get('/users/:id',(req, res) => {
const userId = req.params.id;
res.send(`Hello, this is the GET /users/${userId} route!`);
});
Saat pengguna membuat permintaan ke /users/123
, userId
variabel akan memiliki nilai "123".
Langkah 5: Pisahkan Routing dengan Modul
Dalam proyek yang lebih besar, Anda mungkin ingin memisahkan rute menjadi file terpisah agar kode sumber Anda tetap teratur dan dapat dikelola. Anda dapat menggunakan module.exports
untuk menentukan rute dalam file terpisah dan kemudian mengimpornya ke file utama. Misalnya:
// routes/users.js
const express = require('express');
const router = express.Router();
router.get('/profile',(req, res) => {
res.send('This is the /profile route in users.js!');
});
module.exports = router;
// app.js
const usersRouter = require('./routes/users');
app.use('/users', usersRouter);
Langkah 6: Menangani Rute yang Tidak Ada
Terakhir, jika pengguna meminta non-existent route, Anda dapat menentukan 404 route untuk menanganinya. Ini dilakukan dengan menyetel default route di akhir file utama Anda:
app.use((req, res, next) => {
res.status(404).send('Route not found!');
});
Kami telah belajar cara membuat dan menangani rute dalam file Express.js. Dengan menggunakan fitur ini, Anda dapat menyesuaikan dan menangani permintaan pengguna secara fleksibel dan kuat, menjadikan aplikasi Anda lebih mudah beradaptasi dan dapat diskalakan. Terus jelajahi dan manfaatkan rute dalam membangun aplikasi web yang kaya dan fantastis!