Setting Virtual Host pada XAMPP di Windows

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.

8 thoughts on “Setting Virtual Host pada XAMPP di Windows”

choirul anwar on 20 February , 2010 at 13:16 said:

Gak bisa gua coba bos.. tlg dibantu ya lewat email. Langkah2nya udah saya kerjakn alhasil tidak berhasil. Tks

Reply ↓
- dadan on 27 February , 2010 at 23:22 said:
  
  untuk service apachenya sudah di restar belum bos?
  soalnya gw pake cara itu ga ada masalah nie..
  
  Reply ↓
nanang on 10 March , 2010 at 08:24 said:

Untuk menjalankan konfigurasi file httpd-vhosts.conf maka setingan di httpd.conf apache juga harus diaktifkan. Caranya buka file httpd.conf yang ada di directory “xampp/apache/conf” open file httpd.conf dengan aplikasi editor text seperti notepad atau notepad++.
Silakan lihat pada baris 484 pastikan statemennya seperti dibawah ini “Include conf/extra/httpd-vhosts.conf” tanpa tanda petik. Silakan dicoba…. semoga membantu

Reply ↓
- dadan on 15 March , 2010 at 22:38 said:
  
  Wiks ternyata cara aktifin module modulenya terlewatkan,
  terima kasih mas nanang buat tambahannya
  
  Reply ↓
sugiyanto on 13 July , 2010 at 15:25 said:

q dh coba kog
“Access forbidden!”
error 403

Reply ↓
- dadan on 25 July , 2010 at 13:14 said:
  
  coba mas cek hakases polder tersebut mas.
  
  mohon maaf jika di artikel saya ini masih banyak kekurangan dalam penulisan.
  
  Reply ↓
alcarati on 21 July , 2010 at 19:11 said:

koq punya ane ga konek ya mas???padahal uda ane ikuti tu tutor mas,minta tolong pencerahannya mas…
ni link captureny : http://picasaweb.google.com/104964758006465673336/WebServer?feat=directlink

Reply ↓
- dadan on 25 July , 2010 at 13:13 said:
  
  modile vhost nya sudah di aktivkan beblum mas? soalnya pada saat iseng nulis itu ada yang kelewat yang sudah di ingatkan sama mas nanang. kalo liat dari gambar itu forbiden biasanya tidak ada akses ke ke direktori itu mas, mungkin mas bisa coba ubah hakakses direcori tersebut
  
  Reply ↓

Dadan Hatomi

Semua ditulis untuk diingat

Setting Virtual Host pada XAMPP di Windows

8 thoughts on “Setting Virtual Host pada XAMPP di Windows”

Leave a Reply Cancel reply