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