Setting Virtual Host pada XAMPP di Windows

Posted on July 5, 2009 dadan

2 Comments BOOKMARK

XAMPP merupakan aplikasi web server lokal yang cukup lengkap dan mudah dalam penggunaannya.

Di artikel kali ini penulis ingin memberikan tips cara membuat virtual host (http://domainabc, http://domainxyz, dll) pada instalasi XAMPP di Windows. Di beberapa kasus dan kebutuhan (misalnya develop aplikasi-aplikasi web di lokal) virtual host bisa jadi pilihan efektif untuk memudahkan penamaan URL site-site yang berbeda ketimbang mengakses site menggunakan subdirektori (mis. http://localhost/domainabc atau http://namakomputer/domainxyz.

Asumsi XAMPP sudah Anda install dengan benar dan berjalan dengan semestinya. Asumsi direktori instalasi XAMPP Anda misalkan berada pada direktori ‘C:\xampp’.

Berikut langkah-langkahnya untuk membuat virtual host baru bernama http://test-virtual. Secara garis besar untuk membuat virtual host, maka ada tiga file konfigurasi Apache yang akan diedit:

httpd.conf, lokasi file C:\xampp\apache\conf

httpd-vhosts.conf, lokasi file C:\xampp\apache\conf\extra

dan file hosts, ada di C:\WINDOWS\system32\drivers\etc

Langkah pertama tentukan dulu direktori baru yang ingin dijadikan Document Root baru (dipisahkan dari htdocs/ agar tidak kesan campur baur dengan direktori-direktori XAMPP)

Sebagai contoh dibuatkan direktori ‘C:\www’ dan dua subdirektori baru untuk latihan setting virtual host ini. Masing-masing C:\www\test-virtual dan C:\www\mywebs.

XAMPP ialah aplikasi web server lokal yang cukup lengkap, mudah dan banyak digunakan oleh kebanyakan orang.
Di artikel ini saya ingin berbagi bagaimana cara setting virtual host http://domain.lan pada XAMPP di Windows. Di beberapa kasus dan kebutuhan (misalnya develop aplikasi-aplikasi web di lokal) virtual host bisa jadi pilihan alternatif yang efektif untuk memudahkan penamaan alamat website yang berbeda ketimbang mengakses site menggunakan subdirektori (contoh: http://localhost/domain atau http://localhost/mywb/).

Asumsi:

XAMPP sudah terinstall dengan benar dan berjalan dengan baik.
direktori instalasi XAMPP Anda misalkan berada pada direktori ‘E:\xampp’.

Berikut langkah-langkahnya untuk membuat virtual host baru bernama http://domainl.lan:

Buka dan edit file httpd-vhosts.conf (lokasi file E:\xampp\apache\conf\extra) mengunakan text editor kesayangan anda tambahkan baris berikut di akhir baris.

NameVirtualHost domain.lan:80
<VirtualHost domain.lan:80>
DocumentRoot E:/xampp/htdocs/vhost/domain.lan/
ServerAdmin dhatomi@gmail.com
ServerName domain.lan
</VirtualHost>

Buat direktori yang di jadikan sebagai Document Root domain.lan
Selanjutnya kita perlu menambahkan entri nama virtual host domain.lan ke dalam file hosts di Windows, lokasinya file ada di C:\WINDOWS\system32\drivers\etc\ File hosts di Windows ini berfungsi seperti file zona DNS lokal yang memetakan alamat IP ke hostname/domain. Tambahkan baris berikut:

127.0.0.1 domain.lan
127.0.0.1 www.domain.lan

Simpan file dengan menekan menu file –> save
Langkah terakhir ialah restart service apache dengan cara, buka XAMPP Control Panel dengan mengklik Start –> All Programs –> Apache Friends > XAMPP –> XAMPP Control Panel.
Pada kotak dialog XAMPP, klik tombol Stop lalu Start pada service Apache.
Utnuk melihat hasilnya buka webrowser masukan alamat http://domain.lan maka akan tampil seperti gambar berikut.