Setting virtual host pada XAMPP Windows
________________________________________
Tulisan kali ini membahas tips cara membuat setting virtual host pada XAMPP sebagai webserver lokal. Kadang untuk kebutuhan develop sebuah web, kita lebih nyaman managenya menggunakan virtual host ketimbang dikelola dalam sub folder. Contoh, default dari XAMPP http://localhost sebagai host utama, maka dapat dibuat beberapa virtual host lagi dalam XAMPP seperti http://projectabun/, http://e-learning/, dan seterusnya.
Asumsi XAMPP sudah Anda install dengan benar dan berjalan dengan semestinya. Asumsi direktori instalasi XAMPP berada di folder 'C:\xampp'.
Berikut langkah-langkahnya untuk membuat virtual host baru bernama http://test-virtual. Secara garis besar untuk membuat virtual host, maka ada tiga file konfigurasi Apache yang akan diedit:
httpd.conf, lokasi file C:\xampp\apache\conf
httpd-vhosts.conf, lokasi file C:\xampp\apache\conf\extra
dan file hosts, ada di C:\WINDOWS\system32\drivers\etc
• Langkah pertama tentukan dulu direktori baru yang ingin dijadikan Document Root baru (dipisahkan dari htdocs/ agar tidak kesan campur baur dengan direktori-direktori XAMPP)
• Sebagai contoh dibuatkan direktori ‘C:\www’ dan dua subdirektori baru untuk latihan setting virtual host ini. Masing-masing C:\www\test-virtual dan C:\www\mywebs.
• Buka dan edit file httpd.conf menggunakan teks editor Notepad atau Wordpad. Cari direktif set untuk direktori C:/www seperti ini:
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
• Berikutnya buka dan edit file httpd-vhosts.conf menggunakan teks editor. Defaultnya NameVirtualHost dan direktif di komentar. Buang tanda komentar pada atau bisa salin ke bawah dan lakukan modifikasi yang diperlukan.
NameVirtualHost *:80
DocumentRoot C:/www/test-virtual
ServerName test-virtual
DocumentRoot C:/xampp/htdocs
ServerName localhost
• Selanjutnya kita perlu menambahkan entri nama virtual host tadi (test-virtual) ke dalam file hosts di Windows, lokasinya ada di C:\WINDOWS\system32\drivers\etc. File hosts di Windows ini berfungsi seperti file zona DNS lokal yang memetakan alamat domain ke IP address. Tambahkan baris berikut:
127.0.0.1 localhost
127.0.0.1 test-virtual
• Setelah selesai langkah terakhir adalah merestart service Apache untuk melihat hasilnya. Buka XAMPP Control Panel dengan mengklik Start > All Programs > Apache Friends > XAMPP > XAMPP Control Panel.
• Pada kotak dialog XAMPP, klik tombol Stop lalu klik Start pada service Apache
• Lalu coba akses URL virtual host yang kita buat menggunakan browser.
________________________________________Tulisan kali ini membahas tips cara membuat setting virtual host pada XAMPP sebagai webserver lokal. Kadang untuk kebutuhan develop sebuah web, kita lebih nyaman managenya menggunakan virtual host ketimbang dikelola dalam sub folder. Contoh, default dari XAMPP http://localhost sebagai host utama, maka dapat dibuat beberapa virtual host lagi dalam XAMPP seperti http://projectabun/, http://e-learning/, dan seterusnya.
Asumsi XAMPP sudah Anda install dengan benar dan berjalan dengan semestinya. Asumsi direktori instalasi XAMPP berada di folder 'C:\xampp'.
Berikut langkah-langkahnya untuk membuat virtual host baru bernama http://test-virtual. Secara garis besar untuk membuat virtual host, maka ada tiga file konfigurasi Apache yang akan diedit:
httpd.conf, lokasi file C:\xampp\apache\conf
httpd-vhosts.conf, lokasi file C:\xampp\apache\conf\extra
dan file hosts, ada di C:\WINDOWS\system32\drivers\etc
• Langkah pertama tentukan dulu direktori baru yang ingin dijadikan Document Root baru (dipisahkan dari htdocs/ agar tidak kesan campur baur dengan direktori-direktori XAMPP)
• Sebagai contoh dibuatkan direktori ‘C:\www’ dan dua subdirektori baru untuk latihan setting virtual host ini. Masing-masing C:\www\test-virtual dan C:\www\mywebs.
• Buka dan edit file httpd.conf menggunakan teks editor Notepad atau Wordpad. Cari direktif
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
• Berikutnya buka dan edit file httpd-vhosts.conf menggunakan teks editor. Defaultnya NameVirtualHost dan direktif
NameVirtualHost *:80
DocumentRoot C:/www/test-virtual
ServerName test-virtual
DocumentRoot C:/xampp/htdocs
ServerName localhost
• Selanjutnya kita perlu menambahkan entri nama virtual host tadi (test-virtual) ke dalam file hosts di Windows, lokasinya ada di C:\WINDOWS\system32\drivers\etc. File hosts di Windows ini berfungsi seperti file zona DNS lokal yang memetakan alamat domain ke IP address. Tambahkan baris berikut:
127.0.0.1 localhost
127.0.0.1 test-virtual
• Setelah selesai langkah terakhir adalah merestart service Apache untuk melihat hasilnya. Buka XAMPP Control Panel dengan mengklik Start > All Programs > Apache Friends > XAMPP > XAMPP Control Panel.
• Pada kotak dialog XAMPP, klik tombol Stop lalu klik Start pada service Apache
• Lalu coba akses URL virtual host yang kita buat menggunakan browser.
Tulisan kali ini membahas tips cara membuat setting virtual host pada XAMPP sebagai webserver lokal. Kadang untuk kebutuhan develop sebuah web, kita lebih nyaman managenya menggunakan virtual host ketimbang dikelola dalam sub folder. Contoh, default dari XAMPP http://localhost sebagai host utama, maka dapat dibuat beberapa virtual host lagi dalam XAMPP seperti http://projectabun/, http://e-learning/, dan seterusnya.
Asumsi XAMPP sudah Anda install dengan benar dan berjalan dengan semestinya. Asumsi direktori instalasi XAMPP berada di folder 'C:\xampp'.
Berikut langkah-langkahnya untuk membuat virtual host baru bernama http://test-virtual. Secara garis besar untuk membuat virtual host, maka ada tiga file konfigurasi Apache yang akan diedit:
httpd.conf, lokasi file C:\xampp\apache\conf
httpd-vhosts.conf, lokasi file C:\xampp\apache\conf\extra
dan file hosts, ada di C:\WINDOWS\system32\drivers\etc
• Langkah pertama tentukan dulu direktori baru yang ingin dijadikan Document Root baru (dipisahkan dari htdocs/ agar tidak kesan campur baur dengan direktori-direktori XAMPP)
• Sebagai contoh dibuatkan direktori ‘C:\www’ dan dua subdirektori baru untuk latihan setting virtual host ini. Masing-masing C:\www\test-virtual dan C:\www\mywebs.
• Buka dan edit file httpd.conf menggunakan teks editor Notepad atau Wordpad. Cari direktif
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
• Berikutnya buka dan edit file httpd-vhosts.conf menggunakan teks editor. Defaultnya NameVirtualHost dan direktif
NameVirtualHost *:80
DocumentRoot C:/www/test-virtual
ServerName test-virtual
DocumentRoot C:/xampp/htdocs
ServerName localhost
• Selanjutnya kita perlu menambahkan entri nama virtual host tadi (test-virtual) ke dalam file hosts di Windows, lokasinya ada di C:\WINDOWS\system32\drivers\etc. File hosts di Windows ini berfungsi seperti file zona DNS lokal yang memetakan alamat domain ke IP address. Tambahkan baris berikut:
127.0.0.1 localhost
127.0.0.1 test-virtual
• Setelah selesai langkah terakhir adalah merestart service Apache untuk melihat hasilnya. Buka XAMPP Control Panel dengan mengklik Start > All Programs > Apache Friends > XAMPP > XAMPP Control Panel.
• Pada kotak dialog XAMPP, klik tombol Stop lalu klik Start pada service Apache
• Lalu coba akses URL virtual host yang kita buat menggunakan browser.
