Kota Banjar
(0265) 7549789

Membuat Virtual Host atau Virtual Domain di Localhost Xampp

Pada local server, kita akan menggunakan Apache untuk memanage virtual host. Apache sendiri sudah akan terinstall pada saat kita menginstall XAMPP

Virtual host di XAMPP sering kali dilakukan oleh para programmer atau developer ketika sedang dalam tahap pembuatan sebuah website di komputer lokal. Walaupun sebenarnya fungsinya bukan hanya untuk di lokal saja.

Sebelum membuat virtual host, anda wajib tahu dulu apa itu virtual host?

Virtual host adalah sebuah metode untuk hosting beberapa nama domain (dengan penanganan yang terpisah dari masing-masing nama) pada satu server. Virtual host merupakan suatu teknik yang memungkinkan sebuah IP Address mempunyai banyak nama domain atau host. Sebagai contoh, sebuah IP dengan alamat 10.12.14.120 mempunyai beberapa nama domain seperti domain1, domain2, domain3. Selain itu biasanya para programmer atau developer ingin mengubah URL localhost (dengan IP 127.0.0.1) menjadi domain.com, domain.net agar terlihat lebih menarik pada browser.

  • Contoh penggunaan virtual host:

Sebelumnya http://localhost/example    ->    Sesudah http://example.com

Penjelasan di atas, jika anda membuka url http://example.com pada browser, itu akan sama saja seperti anda membuka url di http://localhost/example.

  • Tujuan dari penggunaan virtual host:

Tujuan dari penggunaan virtual host ini pada saat pengembangan website adalah untuk menghindari kesalahan path pada saat redirect ataupun pembuatan link ke halaman lain pada webiste.

Untuk membuat seperti itu, maka memerlukan sebuah konfigurasi pada file host yang ada di Windows anda, karena biasanya XAMPP memang dijalankan di sistem operasi Windows.

Cara Membuat Virtual Host Pada XAMPP

Mengubah Isi File Host untuk membuat virtual DNS Localhost anda

  • Pertama-tama anda baiknya anda backup terlebih dahulu file host (C:Windows/system32/drivers/etc). Namun sebelumnya silakan anda backup terlebih dulu dengan cara mengcopy file tersebut ketempat folder yang aman.

  • Sekarang, silahkan buka file hosts dengan text editor yang anda punya. Bisa memakai Notepad, Notepad++, ataupun Sublime Text.

  • Tambahkan nama domain yang diinginkan, setiap domain berada pada baris yang berbeda, misalnya saja kita menambahkan example.com
127.0.0.1             example.com
127.0.0.1             www.example.com
 

Note: Jika ingin menambahkan domain lain tinggal tambahkan saja dibaris berikutnya

  • Jika semua sudah selesai silahkan save file host yang telah di ubah tadi.
  • Jika anda kesulitan saat save file tersebut seperti gambar dibawah silakan anda save as saja dan simpan di folder lain terlebih dahulu.
  • Setelah di save anda pindahkan file host tersebut ke (C:Windows/system32/drivers/etc) dan replace file.

Mengubah Isi File httpd-vhost.conf

  • Sama seperti sebelumnya sebaiknya anda backup terlebih dahulu file httpd-vhost.conf yang berada di lokasi ((tempat anda menginstal xampp)/apache/conf/extra) untuk pnginstalan defautnya adalah C:/xampp.
  • Sekarang buka file httpd-vhost.conf yang berada di lokasi ((tempat anda menginstal xampp)/apache/conf/extra) dengan menggunakan text editor yang anda miliki.
  • Setelah itu silahkan tambahkan kode berikut ini.
<VirtualHost *:80>
 ServerAdmin [email protected]
 DocumentRoot "C:/xampp/htdocs/example.com"
 ServerName example.com
 ServerAlias www.example.com
 ErrorLog "logs/example.com-error.log"
 CustomLog "logs/example.com-access.log" common
</VirtualHost>
  • Jika sudah di edit silahkan save filenya.
  • dan anda restart apache pada control panel xampp
  • Sekarang silahkan untuk mencoba domain yang sudah dibuat, silakan anda buka dibrowser dan ketik alamat http://example.com atau http://www.example.com.

Note: Semua file website untuk example.com tersebut harus disimpan pada folder(C:xampp/htdocs/example.com) sesuai dengan pengaturan pada file httpd-vhost.conf.

Demikian cara membuat virtual host pada XAMPP di windows, semoga ini bisa bermanfaat dalam pengembangan website anda.

 

Leave a Reply