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

[INPUT]

1 sudo nano /etc/hosts

Tambahkan nama host sesuai dengan ServerName pada konfigurasi virtual host

[INPUT]

1 127.0.0.1 blog.dev

Edit file konfigurasi apache httpd.conf

[INPUT]

1 sudo nano /opt/lampp/etc/httpd.conf

Cari baris kode di bawah ini, lalu hapus tanda #

[INPUT]

1 Include etc/extra/httpd-vhosts.conf

Edit file konfigurasi virtual host

[INPUT]

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*

[INPUT]

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15     ServerAdmin admin@localhost     DocumentRoot “/opt/lampp/htdocs”     ServerName localhost     ErrorLog “logs/localhost-error_log”     CustomLog “logs/localhost-access_log” common       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

Restart xampp server

[INPUT]

1 sudo /opt/lampp/lampp restart

Sekarang coba akses nama host *blog.dev*

selamat mencoba 🙂