URL Cantik Laravel dengan Virtual Host XAMPP pada Mac OS

Kali ini kami akan berbagi tentang bagaimana membuat URL yang cantik ketika kita sedang membangun aplikasi web berbasis framework Laravel atau pada dasarnya hal ini bisa kita lakukan untuk aplikasi berbasis web berbasis framework yang lain, seperti Codeigniter, dan lain-lain. Pada laravel, URL default yang biasa diakses adalah,

http://localhost/laravel/public/

Bisa kita lihat bahwa selain ada tulisan locahost, di sana juga ada tambahan /public. Nah kita bisa mengganti URL yang demikian dengan URL cantik dan sederhana, sehingga menjadi cukup,

http://local.laravel.com

atau URL simple apapun lainnya yang kamu mau.


Mau tahu caranya?

Seperti yang disebutkan pada judul artikel ini, bahwa kita akan menggunakan XAMPP sebagai paket aplikasi yang men-handle web server untuk aplikasi laravel kita. Maka kita bisa menggunakan Virtual Host pada XAMPP untuk melakukan hal ini. Secara garis besar, ada 3 hal yang perlu kita lakukan:

  1. Edit file httpd.conf untuk meng-include-kan file virtual host.
  2. Tambahkan kode virtual host pada httpd-vhost.conf untuk membuat entry point virtual host.
  3. Edit file hosts untuk membuat virtual host yang telah dibuat dapat berjalan ketika diakses melalui browser.

1. Edit File httpd.conf pada XAMPP

Langkah pertama adalah buka terminal. File httpd.conf berada pada /Applications/XAMPP/etc/httpd.conf. File ini by default tidak dapat diedit kecuali dengan akses root, maka kita dapat membuka menggunakan sudo. Kita menggunakan aplikasi nano untuk membuat file tersebut, maka ketikkan code berikut pada terminal.

sudo nano /Applications/XAMPP/etc/httpd.conf

Uncomment baris berikut,

Include etc/extra/httpd-vhosts.conf

Lalu simpan file httpd.conf.


2. Buat Virtual Host pada XAMPP

Sekarang kamu butuh untuk membuka file httpd-vhost.conf pada /Applications/XAMPP/etc/extra/httpd-vhosts.conf. Sama seperti pada langkah di atas, buka terminal lalu ketikkan perintah berikut.

sudo nano /Applications/XAMPP/etc/extra/httpd-vhosts.conf

Comment atau hapus seluruh code contoh yang ada pada file tersebut dan tambahkan kode seperti di bawah ini, agar http://locahost tetap berjalan dengan baik/dapat diakses.

<VirtualHost *:80>
DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs"
ServerName localhost
</VirtualHost>

Kemudian kita tambahkan virtual host kita dengan memasukkan code baris berikut ini pada file httpd-vhost.conf tersebut.

<VirtualHost *:80>
DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs/laravel/public"
ServerName local.laravel.com
ServerAlias local.laravel.com
</VirtualHost>

lalu simpan file httpd-vhost.conf.


3. Edit File host pada Mac OS

Buka terminal, lalu ketikkan perintah berikut ini.

sudo nano /etc/hosts

Pada akhir baris code pada file tersebut, tambahkan kode di bawah ini,

127.0.0.1 local.laravel.com

Simpan file hosts, kemudian gunakan XAMPP Control Panel / Manager-OSX untuk me-restart service apache.


Uji Coba Akses Aplikasi Laravel dengan URL Cantik

Jika langkah-langkah di atas telah kamu lakukan, maka sekarang saat kita melakukan ujicoba URL cantik nya. Buka browser kemudian ketikkan http://localhost. Selanjutnya ketikkan http://local.laravel.com. Lihatlah bagaimana akses localhost masih tetap berjalan dan kamu mendapatkan akses aplikasi Laravel kamu dengan URL cantik local.laravel.com.


Demikian yang bisa kamu bagi untuk sobat bacaanringan.id. Selamat mencoba dan semoga bermanfaat untuk kamu yang suka dengan yang cantik. URL yang cantik maksudnya. ^^v

Pada prinsipnya langkah-langkah ini juga bisa kamu terapkan di sistem operasi windows ataupun linux. Hanya ada sedikit perbedaan dari letak file-file yang terkait saja. Silakan kamu juga bisa tonton screencast di bawah ini biar bisa kebayang bagaimana implementasinya secara langsung.

Artikel ini bisa juga kamu kunjungi di sini ya.