Virtual Hosting dengan XAMPP di Windows

Membuat Virtual Hosting dengan XAMPP di Windows

Secara default bila Anda menginstall XAMPP, maka hostname yang dipergunakan adalah “localhost” yang bisa diakses menggunakan browser. Apache dalam XAMPP memiliki fitur Virtual Hosting yang memungkinkan Anda membuat banyak domain seperti halnya di mesin Web Hosting. Tidak hanya “localhost” yang bisa kita buat, tapi nama domain lainnya, semisal namaanda.com. Bagaimana caranya?
Semisal saya ingin membuat domain di komputer saya mawarputih.com, padahal domain tersebut sudah ada yang memiliki. Ya sah-sah saja, menggunakan domain yang sudah dipergunakan orang lain, karena ini hanya untuk diakses di komputer lokal.

Mengedit file hosts

Hal pertama yang perlu Anda lakukan adalah dengan mengedit file hosts, file hosts ini bila di Windows terdapat di: C:Windows\system32\drivers\etc\hosts. Untuk mengeditnya Anda bisa pergunakan notepad sebagai Administrator.

Membuka file hosts sebagai Administrator

Kemudian masukan baris kode seperti ini:
127.0.0.1 [tekan tab] whiterose.com

Masukan nama domain yang diinginkan

Kemudian Save file tersebut. Untuk mengetes apakah apa yang telat anda lakukan bekerjaa dengan baik. Anda dapat membuka “Command Prompt”, kemudian masukan perintah ping pada domain tersebut.
ping mawarputih.com Bila hasilnya bahwa domain tersebut mengacu ke 127.0.0.1 seperti pada gambar dibawah, maka sejauh ini tidak ada masalah.

Hasil tes pada domain menggunakan command prompt

Mempersiapkan Folder

Langkah selanjut nya adalah dengan mempersiapkan folder yang akan kita pergunakan untuk menyimpak file dari direktori / domain diatas. Bila lokasi file anda adalah default yaitu di C:\xampp maka Anda perlu membuat folder didalam C:\xampp\htdocs. Semisal, saya membuat folder “mawarputih” didalam C:\xampp\htdocs maka semua file untuk domain tersebut disimpan di C:\xampp\htdocs\mawarputih.

Folder untuk menyimpan file domain mawarputih.com

Mengedit File Konfigurasi Apache

Tahap selanjutnya adalah mengedit konfigurasi vhost Apache. Lokasi file yang perlu kita edit adalah C:\xampp\apache\conf\extra\httpd-vhosts.conf. Buka file tersebut, alangkah lebih baik bila Anda mempergunakan Advance Teks Editor seperti Notepad++ (gratis), Ultraedit (berbayar), Sublimetext (demo dengan fitur lengkap), dll.
Perhatikan pada bagian code seperti dibawah, file httpd-vhosts.conf telah disertai 2 contoh konfigurasi dasar untuk membuat virtual host. Supaya lebih mudah, kita kopi salah satu konfigurasi dan hapus tanda # didepannya.

Contoh Konfigurasi vhost

Hasil akhir setelah saya edit dan disesuaikan dengan konfigurasi yang telah saya kerjakan pada artikel diatas adalah seperti dibawah:

Konfigurasi Akhir file vhost

Langkah Pengetesan

Nyalakan apache melalui XAMPP Control Panel, kemudian akses domain tersebut di browser.

Menyalakan Layanan Apache melalui Control Panel

Hasil test menggunakan browser, bisa dilihat pada gambar dibawah

Pengetesan menggunakan browser

Bila tampilan diatas tampil, berarti konfigurasi Anda sudah benar. Semua file yang ingin diakses menggunakan nama domain mawarputih.com dapat disimpan di folder C:\xampp\htdocs\mawarputih.