Pada tutorial kali ini kita akan belajar bagaimana cara membuat VirtualHost pada XAMPP versi Linux. Dengan VirtualHost ini kita tidak perlu lagi mengakses project dengan mengakses http://localhost/folderproject/ tapi cukup dengan nama host mirip dengan nama domain, misalnya http://blog.dev. Biasanya juga ada yang membuat folder project web di dalam sub-sub folder jadi alamat untuk mengaksesnya lebih panjang http://localhost/project/subproject.
Tutorial ini menggunakan :
* Distro Linux Ubuntu
* XAMPP for Linux 5.6.3-0
Keterangan VirtualHost :
* Host blog.dev
* Lokasi folder /opt/lampp/htdocs/blog
Edit file hosts
1 | sudo nano /etc/hosts |
Tambahkan nama host sesuai dengan ServerName pada konfigurasi virtual host
1 | 127.0.0.1 blog.dev |
Edit file konfigurasi apache httpd.conf
1 | sudo nano /opt/lampp/etc/httpd.conf |
Cari baris kode di bawah ini, lalu hapus tanda #
1 | Include etc/extra/httpd-vhosts.conf |
Edit file konfigurasi virtual host
1 | sudo nano /opt/lampp/etc/extra/httpd-vhosts.conf |
Tambahkan virtual host pada baris paling bawah
Nama host blog.dev
Lokasi folder root berada di /opt/lampp/htdocs/dev
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <VirtualHost *:80> ServerAdmin admin@localhost DocumentRoot "/opt/lampp/htdocs" ServerName localhost ErrorLog "logs/localhost-error_log" CustomLog "logs/localhost-access_log" common </VirtualHost> <VirtualHost *:80> ServerAdmin admin@blog.dev DocumentRoot "/opt/lampp/htdocs/blog" ServerName blog.dev ErrorLog "logs/blog.dev-error_log" CustomLog "logs/blog.dev-access_log" common </VirtualHost> |
Restart xampp server
1 | sudo /opt/lampp/lampp restart |
Sekarang coba akses nama host blog.dev
selamat mencoba 🙂