Routing dalam Web Development: Cara Kerja dan Contohnya
Dalam web development, routing adalah salah satu konsep paling penting yang menentukan bagaimana sebuah aplikasi web merespons permintaan (request) dari pengguna. Tanpa routing, aplikasi web tidak akan tahu halaman mana yang harus ditampilkan ketika pengguna mengakses sebuah URL.
Artikel ini akan membahas pengertian routing, cara kerjanya, jenis-jenis routing, serta contoh penerapannya dalam web development modern.
Apa Itu Routing dalam Web Development?
Routing adalah proses menentukan respons aplikasi berdasarkan URL (Uniform Resource Locator) yang diakses oleh pengguna.
Contohnya:
-
Ketika pengguna membuka
/login, aplikasi akan menampilkan halaman login -
Ketika membuka
/products/5, aplikasi akan menampilkan detail produk dengan ID 5
Routing bertindak sebagai jembatan antara URL dan logika aplikasi (controller atau handler).
Cara Kerja Routing
Secara umum, alur kerja routing adalah sebagai berikut:
-
User mengakses URL melalui browser
-
Browser mengirim HTTP request ke server
-
Sistem routing membaca path URL dan HTTP method (GET, POST, PUT, DELETE)
-
Router mencocokkan request dengan route yang terdaftar
-
Route menjalankan fungsi atau controller yang sesuai
-
Server mengirimkan response (HTML, JSON, atau data lainnya)
Ilustrasi sederhana:
/login → AuthController@login
/products → ProductController@index
Komponen Utama Routing
1. URL / Path
Alamat yang diakses pengguna, contoh:
-
/ -
/about -
/users/{id}
2. HTTP Method
Menentukan jenis aksi:
-
GET→ mengambil data -
POST→ mengirim data -
PUT/PATCH→ memperbarui data -
DELETE→ menghapus data
3. Handler / Controller
Bagian kode yang dijalankan ketika route dipanggil.
Jenis-Jenis Routing dalam Web Development
1. Static Routing
Route dengan URL tetap dan tidak berubah.
Contoh:
/about
/contact
Cocok untuk halaman statis seperti profil atau kontak.
2. Dynamic Routing
Route yang memiliki parameter dinamis.
Contoh:
/users/{id}
/articles/{slug}
Digunakan untuk menampilkan data spesifik berdasarkan parameter.
3. Backend Routing
Routing yang diproses di sisi server.
Contoh:
-
Laravel
-
Express.js
-
Django
-
ASP.NET
Backend routing menentukan logika bisnis dan data.
4. Frontend Routing
Routing yang dikelola di browser tanpa reload halaman.
Contoh:
-
React Router
-
Vue Router
-
Angular Router
Digunakan pada Single Page Application (SPA).
Contoh Routing dalam Web Development
1. Contoh Routing Sederhana (Konsep Umum)
3. Contoh Routing di Frontend (SPA)
Contoh konsep routing di aplikasi SPA:
-
/→ Home Page -
/dashboard→ Dashboard Page -
/profile→ Profile Page
Perpindahan halaman terjadi tanpa reload browser.
Best Practice Routing
Agar routing rapi dan mudah dikelola, perhatikan tips berikut:
-
Gunakan nama URL yang jelas dan deskriptif
-
Terapkan RESTful routing
-
Pisahkan routing berdasarkan fitur
-
Hindari URL yang terlalu panjang
-
Gunakan middleware untuk keamanan (auth, role)
Kenapa Routing Itu Penting?
Routing sangat penting karena:
-
Menentukan alur navigasi aplikasi
-
Memisahkan URL dan logika bisnis
-
Membuat aplikasi lebih terstruktur dan scalable
-
Mendukung SEO dan pengalaman pengguna
Tanpa routing yang baik, aplikasi web akan sulit dikembangkan dan dipelihara.
Routing adalah fondasi utama dalam web development yang menghubungkan URL dengan logika aplikasi. Dengan memahami cara kerja dan jenis-jenis routing, developer dapat membangun aplikasi web yang rapi, terstruktur, dan mudah dikembangkan.
Baik di backend maupun frontend, routing selalu menjadi bagian krusial dalam arsitektur aplikasi web modern.

.jpg)
.jpg)
.jpg)

.jpg)
.jpg)
