Cara Membuat Virtual Host Di Xampp Terbaru 100% Pasti Work

Sedot code, membuat virtual host dixampp atau apache tentu sangat mudah, namun walaupun mudah kita sering sekali lupa bagaimana cara membuat virtual host xampp di windows.

Teringat saat pertama kali belajar pemrograman saya mencari istilah virtual host ini sangatlah susah, saya sendiri awalnya tidak mengetahui sebenarnya kita bisa membuat ala domain di localhost, www di localhost, web dilocalhost.

Jika anda pengguna linux/ubuntu tentu akan berbeda dengan panduan berikut ini, panduan membuat virtual host kali ini kita fokuskan untuk windows terutama windows 7.

Contoh Virtual Host

Jika tidak pakai virtual host, maka anda bisa mengakses nama folder secara langsung seperti ini.


http://localhost/sedotcode

Jika menggunakan virtual host, anda bisa membuatnya menjadi lebih bagus, misalnya anda ingin mengubah menjadi sedotcode.com , sedotcode.blog, sedotcode.dev dan lainnya.

http://sedotcode.dev

Saat kedua url diatas kita akses maka akan menghasilkan hal yang sama.

Mengapa harus menggunakan virtual host?

Tujuan Virtual Host

Sebelum meng-onlinekan sebuah website tentu kita tidak ingin mengalami berbagai macam error, seperti error path, path pada saat redirect atau path-path untuk file, seperti css, js dan lainnya. Maka disinilah virtual host sangat bisa kita jadikan uji coba untuk menghindari hal demikian.

Cara Membuat Virtual Host

Sebelum membuat virtual host, berikut yang dibutuhkan:

• Text editor (Notepad, Sublime, dll)

1. Menambah Domain (Nama Alias/URL)

• Buka file hosts yang berada didalam folder C:\Windows\System32\drivers\etc 
• Caranya sangat simple. Tekan tombol Windows+R, 
• Paste

  notepad C:\Windows\System32\drivers\etc\hosts

Windows+R 

Atur Nama Domain

2. Membuat Virtual Host Xampp

• Buka File httpd-vhosts.conf , lokasinya C:\xampp\apache\conf\extra
• Setting menjadi seperti ini

<VirtualHost *:80>
  
    DocumentRoot "C:/xampp/htdocs/sedotcode"
    ServerName sedotcode.dev
  
</VirtualHost>

Lihat gambar berikut:

Silahkan sesuaikan folder document root anda, dan servername harus sama dengan langkah pertama di atas.

Untuk nama domain/alamat webnya tidak harus dev. anda bisa juga menggunakan dot net (.net) dot com (.com).

Jika anda menggunakan nama .com, hindari penamaan dengan nama website yang sebenarnya, misalnya histats.com, maka anda tidak akan bisa membuka alamat histats.com yang sebenarnya online.

Saya lebih menyukai penamaan .dev, tandanya masih develop.

Selesai, demikian panduan dan penjelasan mengenai cara membuat virtual host di xampp.

....

Sampai disni sudah selesai, namun jika anda ingin opsi atau ada kendala lain, maka coba simak panduan berikut ini.

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

Jika terjadi error, mungkin saja pengaturan berikut ini terlupakan.

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)