Setting Virtual Host pada XAMPP di Windows

Posted on 5 July , 2009 by dadan

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.

Posted on 5 July , 2009 by dadan |

8 Responses to Setting Virtual Host pada XAMPP di Windows

choirul anwar says:

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

20 February , 2010 at 13:16

Reply
- dadan says:
  
  untuk service apachenya sudah di restar belum bos?
  soalnya gw pake cara itu ga ada masalah nie..
  
  27 February , 2010 at 23:22
  
  Reply
nanang says:

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

10 March , 2010 at 08:24

Reply
- dadan says:
  
  Wiks ternyata cara aktifin module modulenya terlewatkan,
  terima kasih mas nanang buat tambahannya
  
  15 March , 2010 at 22:38
  
  Reply
sugiyanto says:

q dh coba kog
“Access forbidden!”
error 403

13 July , 2010 at 15:25

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

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

21 July , 2010 at 19:11

Reply
- dadan says:
  
  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
  
  25 July , 2010 at 13:13
  
  Reply