Pendahuluan
Route merupakan jalur yang bertugas untuk mendefenisikan bagaimana sebuah aplikasi web merespon permintaan HTTP dari client. Route berfungsi untuk menghubungkan antara function di controller dengan url tertentu.
Fungsi Utama Route adalah Menentukan jalur (URL) yang dapat diakses oleh pengguna kemudian route akan menghubungkan jalur tersebut dengan logika aplikasi yang sesuai (fungsi atau kontroler). Nantinya route akan mengatur metode HTTP yang diizinkan (GET, POST, PUT, DELETE, dll.).
Cara Kerja:
Ketika pengguna mengakses URL tertentu, Laravel akan mencocokkan URL tersebut dengan definisi rute yang ada. Jika ditemukan kecocokan, Laravel akan menjalankan fungsi atau memanggil kontroler yang terkait dengan rute tersebut. Fungsi atau kontroler tersebut kemudian akan memproses permintaan dan mengembalikan respons ke klien.
Contoh Sederhana:
Misalnya, Anda ingin menampilkan halaman "Selamat Datang" ketika pengguna mengakses URL /. Anda dapat mendefinisikan rute seperti ini:
Route::get('/', function () { return view('welcome'); });
kode diatas berarti, jika ada yang mengakses url root, maka akan mereturn view yang bernama welcome.
Router mengatur pintu masuk yang berupa request pada aplikasi, mereka memilah dan mengolah request url untuk kemudian diproses sesuai dengan tujuan akhir url tersebut. Bisa jadi url tersebut berfungsi untuk mengambil data kemudian menampilkannya, menghapus data, menampilkan form, sampai mengolah session.
URL yang dibangun diatas mesin router dapat menghasilkan url yang lebih bersih dan dapat memperjelas pembagian resources, dapat menangani segment yang dalam. Semua rute dalam aplikasi juga dapat terdokumentasi dengan rapih, bahkan biasanya pada suatu framework, cukup dengan melihat satu file konfigurasi, kita dapat mengetahui semua rute yang ada dalam suatu aplikasi.
Bagaimana Memulai Router
Oke, Kita masuk ke materi. Silahkan anda buka struktur folder laravel 12 yang telah kita pasang. Bagi anda yang belum memasangnya silahkan lihat kembali tutorial di artikel sebelumnya.
Silahkan cari folder Route dan pilih file web.php.
📂Route
🗋 console.php
🗋 web.php 👈
Berikut bentuk script di dalam file tersebut:
<?phpuse Illuminate\Support\Facades\Route;Route::get('/', function () {return view('welcome');});
Perhatikan perintah di atas. Route::get('/',....) merupakan jalur yang di siapkan di url. sedangkan function () return view('welcome') merupakan perintah untuk mengeksekusi file yang ada di dalam folder view. Disini secara default file yang dieksekui adalah file welcome yang ada di dalam folder view. Untuk melihat file ini anda dapat buka Resource=>view. Di dalam folder tersebut terdapat sebuah file bernama welcome. Code yang ada di dalam file tersebut merupakan desain dari pada halaman laravel. Anda dapat membuat atau menggantinya dengan code anda sendiri.
Kita akan coba merubah jalur tersebut dengan cara mengganti nama file dengan "v_beranda". Oke silahkan anda rubah script rote web.php tersebut menjadi seperti berikut:
Route::get('/', function () {return view('beranda');});
Disini kita meminta agar laravel membuka file dengan nama "beranda" yang ada di dalam folder view untuk di eksekusi. Jika anda jalankan program anda tentu akan terjadi error. Hal ini terjadi karena kita belum memiliki file "beranda di dalam folder view. Jadi kita perlu membuat sebuah file baru di dalam folder views.
Gunakan terminal untuk membuat file tersebut. Silahkakan buka terminal di VS Code dengan memilih menu terminal yang ada di toolbars VsCode. Silahkan klik Terminal=> New Terminal. Akan muncul halaman terminal di VcCode anda dan ketikkan perintah berikut pada terminalnya:
php artisan make:view beranda
Kemudian tekan enter untuk membuat file.
Atau anda dapat membuat secara manual dengan cara buka foder view yang ada di directory Resource => view kemudian klik menu file di toolbars, file => new . Beri nama file tersebut dengan nama "beranda.blade.php". Ingat, anda harus menambahkan "blade" pada setiap file yang ada di dalam folder view agar proses pembuatan view berhasil. Blade merupakan sistem laravel yang menyediakan kemudahan di dalam membuat program. Nanti kita akan membahas sistim ini.
Coba anda buka struktur folder Rersource:
📁Resource
📂Views
🮺 beranda.blade.php
🮺 welcome.blade.php
Terdapat satu file bernama beranda.blade.php. File tersebut merupakan file yang kita buat tadi di terminal. Sekarang ketikkan script berikut di dalam beranda.blade.php:
<!DOCTYPE html><html lang="en"><head><title>Belajar Laravel Untuk Pemula</title></head><body><h1>Hai, Apakabar?</h1></body></html>
Sekarang jalankan program anda dengan mengetikkan perintah berikut di terminal:
php artisan serve
Ketikkan pada browser anda perintah berikut:
http://127.0.0.1:8000/
Perhatikan apa yang terjadi. Akan tampil sebuah text di browser yang menandakan anda sukses membuat jalur Routing.
Mengakses Route Pada URL
Bagaimana jika kita memiliki 2 atau lebih file view. Bagaimana cara mengakses file tersebut?
Tadi kita sudah punya satu file php bernama beranda, dan mari kita buat file baru dengan nama profil. Lakukan langkah yang sama saat anda membuat file beranda tadi. sehingga di dalam folder view terdapat struktur seperti berikut:
📁Resource
📂Views
🮺 beranda.blade.php
🮺 profil.blade.php
🮺 welcome.blade.php
Silahkan buat script di dalam file profil untuk menampilkan data diri anda. seperti data nama, Alamat, No.Telphone, WA dan lain sebagainya. Berikut Scriptnya:
<!DOCTYPE html><html lang="en"><head></head><body><h1>Data Diri Saya</h1><p>Nama : Barintek</p><p>Alamat : Jl. Beringin Indah.No.27 Kec. Padang Panjang Sumatera Barat</p><p>No.Telp : xxxxxxxxxx</p></body></html>
Selanjutnya buatlah jalur Routing baru di file web.php tepat di bawah routing yang kita buat diatas tadi.
Route::get('/data_saya', function () {
return view('data_saya');});
Sekarang kembali ke browser anda dan ketikkan perintah berikut:
http://127.0.0.1:8000/data_saya
Perhatikan pada text terakhir di url yang kita inputkan terdapat text "data_saya". Text ini kita dapatkan dari Route yang kita buat tadi. Jika anda perhatikan pada route terdapat "...get('/data_saya')..." Nah ini artinya pada akhir url kita tambahkan text yang ada pada route.
Menentukan jalur melewati Link
Tentu tidak mungkin untuk membuka halaman baru kita mengetikkan data di url. Seharusnya di aplikasi web ada satu tombol yang jika kita klik maka akan berpindah ke halaman yang terpilih. Nah sekarang kita akan membuat metode tersebut.
Oke, mari kita coba. Kembali buka file beranda.blade.php dan tambahkan sebuah link di bawahnya. Tambahkan script ini:
<body>
..........
<a href="/data_saya">DATA SAYA</a>
</body>
Terdapat sebuah link yang kita masukkan, yaitu link "DATA SAYA" dengan alamat link: data_saya. Alamat link ini akan di tangkap oleh route. Jadi silahkan buka file web.php dan tambahkan script pada route data_saya tadi seperit berikut:
Route::get('/data_saya', function () {return view('data_saya');});
Sekarang kita akan merubah tampilan halaman data_saya.blade.php untuk menangkap data yang dikirimkan oleh route tadi. Perhatikan script berikut:
<!DOCTYPE html>
<html lang="en">
<head></head>
<body>.........<a href="/">KEMBALI</a></body></html>
Nah coba jalankan projek anda dan coba akses DATA SAYA. Apaka data_saya sudah tampil? Jika sudah berarti kita telah berhasil membuat jalur di Route untuk mengirim data, membuat link sehingga terjadi perpindahan halaman di halaman website.
Sampai disini diharapkan anda sudah memahami jalur Routing di laravel untuk mengirim data dan mengakses halaman view. Nah pada pertemuan berikutnya kita akan belajar membuat template website menggunakan sistim blade yang disediakan oleh laravel. Pantau terus artikelnya dan tinggalkan komentar jiaka ada yang ingin anda komentari. Terimakasih
Moga Bermanfaat.
