Cara Membuat VirtualHost di XAMPP versi Linux

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 🙂

source : https://musaamin.web.id/cara-membuat-virtualhost-di-xampp-versi-linux/