virtual host in localhost using xampp

Pada webserver local pada PC menggunakan XAMPP, untuk mengakses web yang ada pada folder htdocs harus diawali dengan mengetik localhost terlebih dahulu diikuti nama folder yg berkesesuaian, misal http://localhost/web1 atau http://localhost/project1 hal ini tentu kurang “cantik”, untuk mengatasi hal tersebut bisa kita  gunakan vasilitas vhost punyae apache.

Misal instal XAMPP di d:\webserver\xampp, kemudian projek web yang dibuat terletak di d:\webserver\xampp\htdocs\web1, kemudian diinginkan akses via web dengan alamat http://bagus.oke maka langkah yang harus ditempuh adalah sebagai berikut :

  • edit file apache\conf\extra\vhost.conf dengan notepad++, tambahkan item berikut pada bagian paliang bawah :
    NameVirtualHost 127.0.0.1:80

    <VirtualHost 127.0.0.1:80>
    DocumentRoot d:\webserver\xampp\htdocs
    ServerName localhost
    </VirtualHost>

    <VirtualHost bagus.oke>
    DocumentRoot d:\webserver\xampp\htdocs\web1
    ServerName bagus.oke

    <Directory d:\webserver\xampp\htdocs\web1>
    Options Indexes FollowSymLinks
    AllowOverride All
    Order allow,deny
    Allow from all
    </Directory>
    </VirtualHost>

  • Kemudian edit file windows\system32\driver\etc\hosts menggunakan notepad (untuk win vista caranya klik kanan program notepad -> Run as administrator) tambahkan baris berikut
  • 127.0.0.1 bagus.oke

  • Restart Apache via “service” dengan cara mengetikan services.msc pada RUN untuk winXp atau Search pada Vista kemudian ENTER
  • Akses projek web di localhost dengan alamat http://bagus.oke