Membuat Virtual Host di XAMPP

Biasanya ketika kita membuat applikasi web pada local komputer menggunakan applikasi xampp, untuk mengakses applikasi web yang kita developt biasanya folder aplikasi kita simpan di “xampp/htdocs/aplikasikita” dan url pada web broser kita ketikan http://localhost/aplikasikita maka kita dapat mengakses applikasi yang kita developt di local komputer kita.

URL yang kita ketikan pada webbrowser “ http://localhost/aplikasikita” dapat kita ubah dengan nama domain yang kita mau dengan memanfaatkan VirtualHost. Contohnya aplikasi web di lokal yang kita punya kita akses dengan url “semaunya.com” atau “bebas.com”. bagaimana caranya? Mari kita lakukan bersama sama

langkah pertama

  1. Install Xampp pada windows kita
  2. Simpan applikasi web yang sudah ada di “xampp/htdocs/aplikasikita”
  3. Buka file Host di “C:\Windows\System32\drivers\etc” menggunakan akses sebagai administrator. Tambahkan code ini di baris terakhir :

#tambahkan code ini :

127.0.0.1             localhost

127.0.0.1              madelhaq.com

 

Kemudian simpan. (Note : buka dengan notepad dan run as administrator kemudian open file dimana file Host berada)

 

Dalam kasus ini aplikasiweb yang kita developt dilocal ingin kita akses dengan domain “madelhaq.com”

 

  1. Buka file http.conf di “\xampp\apache\conf\httpd.conf” dan tambahkan code berikut :

<VirtualHost *:80>

DocumentRoot “C:\xampp\htdocs”

ServerName localhost

ServerAlias loaclhost

 

<Directory “C:\xampp\htdocs”>

Options Indexes FollowSymLinks Includes ExecCGI

AllowOverride All

Order allow,deny

Allow from all

</Directory>

</VirtualHost>

<VirtualHost *:80>

DocumentRoot “C:\xampp\htdocs\wordpress”

ServerName madelhaq.com

ServerAlias madelhaq.com

 

<Directory “C:\xampp\htdocs\wordpress”>

Options Indexes FollowSymLinks Includes ExecCGI

AllowOverride All

Order allow,deny

Allow from all

</Directory>

</VirtualHost>

  1. Arahkan DocumentRoot ke tempat folder aplikasi yang ingin kita akses dengan virtualhost yang kita buat
  2. Sekarang nylakan xampp dan run apachenya
  3. Kita test via cmd, ketikan ping madelhaq.com kemudian enter

jika reply from 127.0.0.1 maka sejauh ini tidak masalah

 

  1. Buka webbrowser, dan kita akses ke url, http://madelhaq.com, maka aplikasi kita akan diakses.
Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s