Membuat Virtual Host Mudah Di Xampp

Kebutuhan pembuatan Virtual Host kali ini adalah untuk mengganti domain akses web yang akan dibangun pada sistem operasi Windows 8.1. Virtual Host merupakan salah satu fitur pada Apache Webserver yang dapat membuat beberapa nama domain dengan satu alamat IP saja. Alamat IP yang digunakan adalah 127.0.0.1 atau Localhost dari apache dan merupakan paket dari XAMPP. 

Development web kali ini saya mempunyai satu folder bernama edukal yang sudah tersimpan di direktori C:\xampp\htdocs\edukal. Sementara ini jika ingin mengakses halaman tersebut saya harus mengetikan alamat localhost/edukal pada web browser. Oleh karena itu saya akan mencoba membuat Virtual Host baru yaitu edukal.dev dengan menambahkan satu domain pada IP 127.0.0.1/Localhost.

Akses halaman web (localhost/edukal)

Langkah - langkah yang dilakukan adalah sebagai berikut.

A.  Menambahkan domain baru

1. Buka direktori C:\Windows\System32\drivers\etc pilih file Host
2. Edit file host dengan notepad (Run as Administrator)
3. Tulis nama domain baru, misalnya edukal.dev
4. Simpan hasil tambahan/edit pada file Host tadi

Menambahkan domain baru

B.  Menambahkan data Virtual Host

1. Buka control panel XAMPP kemudian pilih config pada apache (httpd.conf)
2. Cari Include conf/extra/httpd-vhosts.conf  kemudian hapus tanda # 
   (jika ada, jika tidak tutup notepad tersebut)
3. Buka file httpd-vhost.conf pada direktori C:\xampp\apache\conf\extra
   menggunakan notepad untuk setting Virtual Host baru.
4. kemudian ketikan perintah sebagai berikut (Simpan paling bawah)
   kemudian Simpan hasil penambahan tersebut.

    <VirtualHost *:80>
    ServerAdmin admin@sillab.dev
    DocumentRoot "C:\xampp\htdocs\sillab.dev\public"
    ServerName sillab.dev
    ServerAlias sillab.dev
    ErrorLog logs/sillab.dev.log
    CustomLog logs/sillab.dev.log combined
    <Directory "C:\xampp\htdocs\sillab.dev\public">
        Options Indexes FollowSymLinks Includes ExecCGI
        AllowOverride All
        Order allow,deny
        Allow from all

        Require all granted
    </Directory>
    </VirtualHost>

akses httpd-conf 

Menambahkan data Virtual Host baru

Untuk ujicoba hasil pembuatan Virtual Host, buka kembali control panel XAMPP dan jalankan apache. Kemudian buka web browser dengan mengetikan alamat Virtual Host yang telah dibuat yaitu edukal.dev

Hasil pembuatan Virtual Host (edukal.dev)

Demikian hasil pembuatan Virtual Host pada XAMPP di Windows 8.1, dibuat untuk kebutuhan development web. Semoga bermanfaat dan terimakasih.