SETTING MULTIPLE PORT VIRTUALHOST DI XAMPP


Ingin mengetahui cara membuat virtual host di environment lokal? Anda bisa menggunakan XAMPP Windows sebagai web server-nya. Anda bisa mengubah nama localhost dengan nama lain yang lebih unik dan sesuai preferensi. Bagaimana cara konfigurasi virtual host di Windows?


1. Edit File httpd.conf di XAMPP

  1. Pertama, Anda perlu mengedit file httpd.conf. Cukup ketik direktori berikut di ‘File Explorer’: C:/xampp/apache/conf/ dan Anda akan menemukan file-nya.

  2. Buka dengan Notepad atau text editor yang anda punya.

  1. Tambah Listen dengan port yang di inginkan. Contohnya seperti gambar dibawah ini.

  1. Tambahkan ServerName Localhost:8001. Mohon di ingat, Port nya sesuaikan dengan port yang sudah di setting di atas harus sama. Contohnya seperti dibawah ini.

  1. Hapus tanda pagar (#) pada baris Include conf/extra/httpd-vhosts.conf.

  2. Simpan dengan menekan tombol Ctrl + S, lalu tutup Notepad.

  3. Perhatikan gambar dibawah ini.


2. Edit File httpd-vhosts.conf di XAMPP

Pada langkah inilah Anda bisa membuat virtual host. 

  1. Anda memerlukan file httpd-vhosts.conf yang bisa dicari dengan direktori: C:/xampp/apache/conf/extra. 


  1. Selanjutnya, ikuti langkah di bawah ini:

  2. Buka file httpd-vhosts.conf dengan Notepad.


  1. Tambahkan script berikut pada bagian akhir file.


<VirtualHost *:8001>

    DocumentRoot "C:/xampp/htdocs/romik"

    ServerName localhost:8001

</VirtualHost>


Keterangan : 

  1. Lakukan penyesuaian bagian DocumentRoot dengan lokasi penyimpanan file website Anda.

  2. Ganti bagian ServerName dengan nama host yang diinginkan.

  3. Simpan perubahan tersebut, kemudian tutup Notepad.


3. Edit File Hosts di Windows

Berikutnya, Anda harus mengedit file hosts yang berada di direktori C:/Windows/System32/drivers/etc/hosts

Namun, Anda harus menggunakan akses sebagai administrator agar bisa mengeditnya. Berikut langkahnya.

  1. Buka Notepad dengan klik kanan dan pilih ‘Run as Administrator’.

  2. Klik File > Open, kemudian masuk ke direktori C:/Windows/System32/drivers/etc/hosts Lalu, klik file hosts, tekan tombol ‘Open’ untuk membukanya.

  3. Tambahkan nama hosts baru Anda di bagian akhir file-nya.

  1. Simpan perubahan tersebut dan klik ‘Close’ untuk menutup Notepad.




4. Restart XAMPP

Terakhir, Anda perlu me-restart XAMPP agar virtual host-nya bekerja. Bagaimana caranya?

  • Klik tombol ‘Start’ pada modul Apache dan MySQL.

  • Buka browser yang sering Anda gunakan, kemudian akses nama host baru Anda. Apabila berhasil, maka proses pembuatan virtual hosts sudah selesai.