Setting Virtual Host XAMPP untuk URL Cantik Aplikasi Laravel

Mau tahu cara membuat URL Cantik Laravel dengan Virtual Host XAMPP pada Mac OS? Nah, kali ini saya 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. Kenapa menggunakan Laravel? Karena Laravel termasuk yang paling populer. Hmm, kamu bisa baca kenapa dia begitu populer, pada tulisan ini 5 hal menarik Laravel yang membuatnya begitu populer.

URL Cantik Laravel dengan Virtual Host XAMPP pada Mac

By the way, kembali ke topik. Pada laravel, URL default yang biasa diakses adalah,

http://localhost/laravel/public/

URL Cantik Laravel dengan Virtual Host XAMPP pada Mac

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 membuat URL Cantik Laravel dengan Virtual Host XAMPP pada Mac ?

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 URL Cantik Laravel dengan Virtual Host XAMPP pada Mac melalui Browser

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.

URL Cantik Laravel dengan Virtual Host XAMPP pada Mac


Demikian, selamat mencoba dan semoga bermanfaat untuk kamu yang suka dengan yang cantik. URL Cantik maksudnya.

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.


Tulisan ini kami buat untuk bacaanringan.id pada artikel URL Cantik Laravel dengan Virtual Host XAMPP.

Featured Image Icon made by Alfredo Hernandez from www.flaticon.com is licensed by CC 3.0 BY
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s