Membangun Multiple Virtual Host di XAMPP

Image : Medium.com/@leandro_almeida

Virtual Host atau bisa disebut juga Local Domain adalah host yang hanya bisa diakses secara lokal di komputer itu saja. Virtual host merupakan salah satu cara terbaik untuk menghosting beberapa domain untuk pengembangan dilingkungan server lokal (localhost). Virtual host dapat berbasis IP atau berbasis domain. Berbasis IP berarti bahwa perbedaan alamat IP dari berbagai website dan berbasis domain berarti menjalankan banyak domain di setiap alamat IP.

Dalam lingkungan pengembangan PHP lokal seperti xampp / WAMPP, virtual host juga membantu karena mengurangi masalah url dasar (base_url) . Ada beberapa kasus yang mengharuskan sebuah sistem atau aplikasi menggunakan local domain untuk menjalankannya seperti apps.local dan bukan di subfolder seperti localhost/apps

Dalam tutorial ini saya akan menunjukkan kepada Anda bagaimana cara membuat multiple host di xampp sehingga anda bisa menggunakan banyak host di komputer lokal. Karena sebagai pengembang PHP, Kami biasanya menjalankan banyak proyek dalam waktu yang bersamaan.

Langkah-langkah membuat beberapa host virtual di XAMPP

1. Buat folder di xampp\htdocs. Saya akan membuat folder dengan nama test1dan test2
2. Pastikan anda menghentikan service apache terlebih dahulu dengan menekan tombol stop pada xampp control panel. Ini dilakukan agar tidak terjadi crash pada saat restart Apache.
3. Buka file httpd-vhosts.conf di folder xampp\apache\conf\extra
4. Tambahkan host virtual untuk test1 dan test2
5. Buka file hosts di folder C:\Windows\System32\drivers\etc dan tambahkan host untuk test1 dan test2 dan simpan file host sebagai administrator.
6. Restart Xampp

Pada contoh ini saya  menginstal xampp di direktori E: \ saya di windows.

1. Buat Folder di Htdocs:

Buka folder htdocs Anda dan buat 2 folder test1 and test2. Sekarang buat index.php di kedua folder dan tulis "This is virtual host 1" dan "This is virtual host 2" di test1/index.php dan test2/index.ph pmasing - masing.

2. Buka httpd-vhosts.conf:

Sekarang pergi ke xampp/apache/conf/extra dan buka httpd-vhosts.conf. Maka akan terlihat seperti di bawah ini.

Pergi ke baris terakhir file dan tempel kode di bawah ini.

<VirtualHost test1.local>
    DocumentRoot "E:/xampp/htdocs/test1"
    ServerName test1.local
	<Directory "E:/xampp/htdocs/test1">
		AllowOverride All
		Require local
	</Directory>
</VirtualHost>
 
<VirtualHost test2.local>
    DocumentRoot "E:/xampp/htdocs/test2"
    ServerName test2.local
	<Directory "E:/xampp/htdocs/test1">
		AllowOverride All
		Require local
	</Directory>
</VirtualHost>

Keterangan :

• VirtualHost digunakan sebagai sekelompok arahan yang akan diterapkan pada virtual host tertentu. Dalam kasus saya, saya memiliki 2 host virtual test1.local dan test2.local.
  
• Direktif DocumentRoot digunakan untuk mendeklarasikan rute direktori yang akan diikat ke nama server.
  
• Url permintaan set direktif ServerName . ServerName digunakan untuk mengidentifikasi virtual host secara unik.
  
• AllowOverride All digunakan untuk menyetel mengizinkan penggunaan ke .htaccess dengan di virtual host saat ini
  
• Require digunakan untuk kontrol akses dan proyek saat ini bersifat lokal.

3. Buka host dan tambahkan host:

Buka C:\Windows\System32\drivers\etc dan buka file hosts. File hosts akan terlihat seperti di bawah ini.

Sekarang pergilah ke baris terakhir file dan tempel kode di bawah ini.

127.0.0.1 	test1.local
127.0.0.1 	test2.local

Simpan file host sebagai Administrator. Jika Anda tidak memiliki hak administrator, salin file hosts ke desktop tambahkan baris di atas dan kemudian salin lagi file hosts desktop ke aslinya dan ganti ke file sebelumnya.

4. Restart XAMPP:

Restart apache dan mysql di xampp dan pergi ke browser dan ketik test1.local dan tekan enter dan di  tab lain ketik test2.local dan tekan enter. Anda akan melihat halaman di bawah ini.

Jika Anda akan menghadapi masalah penerapan di atas. Silakan posting pertanyaan Anda di bawah komentar.