Setting Virtual Host pada XAMPP di Windows

July 5th, 2009 by dadan Leave a reply »
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:

  1. 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.

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

  2. Buat direktori yang di jadikan sebagai Document Root domain.lan
    explorer
  3. 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

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

Popularity: 100% [?]

Posted in Aplikasi

Tags:

You can follow any responses to this entry through the RSS 2.0 Feed. You can leave a response , or trackback from your own site.

Advertisement

8 comments

Add your comment
  1. choirul anwar says:
    20 February , 2010 at 13:16

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

  2. dadan says:
    27 February , 2010 at 23:22

    untuk service apachenya sudah di restar belum bos?
    soalnya gw pake cara itu ga ada masalah nie..

  3. nanang says:
    10 March , 2010 at 08:24

    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

  4. dadan says:
    15 March , 2010 at 22:38

    Wiks ternyata cara aktifin module modulenya terlewatkan,
    terima kasih mas nanang buat tambahannya ;)

  5. sugiyanto says:
    13 July , 2010 at 15:25

    q dh coba kog
    “Access forbidden!”
    error 403

  6. alcarati says:
    21 July , 2010 at 19:11

    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

  7. dadan says:
    25 July , 2010 at 13:13

    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

  8. dadan says:
    25 July , 2010 at 13:14

    coba mas cek hakases polder tersebut mas.

    mohon maaf jika di artikel saya ini masih banyak kekurangan dalam penulisan.

Leave a Reply