Routing dalam Web Development: Cara Kerja dan Contohnya

 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:

1. User mengakses URL melalui browser

2. Browser mengirim HTTP request ke server

3. Sistem routing membaca path URL dan HTTP method (GET, POST, PUT, DELETE)

4. Router mencocokkan request dengan route yang terdaftar

5. Route menjalankan fungsi atau controller yang sesuai

6. 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)

GET /            → HomeController@index

GET /login       → AuthController@login

POST /login      → AuthController@authenticate

GET /products    → ProductController@index

GET /products/1  → ProductController@show

2. Contoh Routing di Laravel

Route::get('/', function () {

    return view('welcome');

});

Route::get('/products/{id}', function ($id) {

    return "Produk dengan ID: " . $id;

});

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.