Membuat Virtual Host XAMPP

Facebooktwitterredditpinterestlinkedinmail

Selamat malam juragan,
udah lama ane sepertinya tidak nulis lagi. Oke untuk malam ini ane mau berbagi tentang bagaimana caranya membuat Virtual Host.

Apa itu virtual host? mungkin pengertian detailnya udah banyak dijelasin di blog yang lain. Tapi gampangannya gini aja, pernah tidak mengakses web yang sedang kita buat via localhost (server local) menggunakan XAMPP, nah pastinya untuk dapat mengakses webnya kita harus simpan si file web kita di root direktorinya (htdocs) kan? pertanyaannya kalau kita ingin akses web kita via local dimana file / folder web kita tidak kita simpan di htdocs atau kita ingin akses web kita dengan url yang lebih bagus seperti layaknya menggunakan domain, misalnya : situsku.com, situsku.sch.id.

Oke langsung saja ane paparkan tutorialnya :

Kita asumsikan kita udah bikin web dan tentunya sudah menginstall xampp, belum tau cara install xampp? banyak tutorialnya coba cari di mbah google. 🙂

Langkah pertama

siapkan segelas kopi dan rokok (bagi yang ngerokok ya..hehehe), dan tentunya sepiring cemilan dan sedikit bumbu playlist di winamp.

Langkah kedua

– buka file “hosts” di direktori C:/Windows/System32/drivers/etc , bisa menggunakan notepad

– edit dan tambahkan di baris paling bawah seperti berikut ini, misalnya ane mau nambahin akses url website ane “elearning.sch.id” :

127.0.0.1 localhost
127.0.0.1 elearning.sch.id

hosts

– setelah file terbuka dan mengedit biasanya secara default windows akan memblokir kita untuk menyimpannya, nah loh bingungkan. Tapi tenang ada cara alternatif, yaitu menggunakan command prompt. cari file cmd.exe di direktori ” C:/Windows/System32/cmd.exe ” kemudian klik kanan cmd.exe dan run as administrator, maka akan muncul tuh si command prompt.

arahkan ke direktori drivers/etc dengan mengetikan command :

cd driversetc

setelah itu ketikkan perintah :

notepad hosts

2013-08-01_045145

maka file hosts akan terbuka menggunakan notepad.

kemudian tambahkan dibaris yang paling bawah seperti berikut, dalam kasus ini ane mau mengelola elearning.sch.id

127.0.0.1 localhost
127.0.0.1 elearning.sch.id

hasilnya kurang lebih seperti ini :

hosts

setelah mengedit file hosts kita lanjutkan ke langkah berikutnya

Langkah ketiga

– buka file httpd.conf di direktori xamppapacheconf, misalnya lokasi xampp di C:, maka seperti ini C:xamppapacheconf

– kira-kira di baris 130an ada kode berikut #LoadModule vhost_alias_module modules/mod_vhost_alias.so

– hilangkan/hapus kode “#” (komentar), itu artinya module vhost/alias diaktifkan, kalau tanda # atau komentar tidak dihapus maka module vhost/alias tidak diaktifkan

file vhosts

– masih di httpd.conf, kira-kira dibaris 198 cari baris directory dan ubah sperti dibawah ini :

httpd1

<Directory "D:/Data/elearning">
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
</Directory>

oke file urusan dengan httpd.conf selesai, kita masuk ke langkah selanjutnya

Langkah Keempat

– Buka file  file httpd-vhosts.conf  yang ada di alamat C:xamppapacheconfextra

– Tambahkan setingan di bawah ini untuk membedakan website yang dipanggil dengan localhost dan website yang dipanggil dengan virtual host

vhosts

#VirtualHost untuk elearning.sch.id
<VirtualHost *:80>
DocumentRoot "D:/Data/elearning"
ServerName elearning.sch.id
</VirtualHost>
#Untuk localhost yang biasa
<VirtualHost *:80>
DocumentRoot "C:/xampp/htdocs"
ServerName localhost
</VirtualHost>

Oke selesai saatnya testing dan kita ketikan url sesuai yang sudah kita buat diatas yaitu elearning.sch.id.

2013-08-03_031218

Sukses, Keren bukan kita akses web kita layaknya seperti akses online ke domain, padahal masih di local

Selamat menyeruput kopi ente gan. Goyang sundul dulu ala sule


Facebook Comments