Advan – Pernah merasa bingung ketika harus mengakses beberapa proyek web di XAMPP? Mengelola proyek yang banyak bisa membingungkan jika kamu hanya menggunakan localhost. Tapi tenang kamu akan memberikan solusi yang tepat untuk permasalahan ini dengan virtual host.
Dengan virtual host, kamu bisa membuat domain lokal untuk setiap proyekmu. Jadi, daripada mengakses proyekmu melalui localhost, kamu bisa mengaksesnya dengan nama domain khusus. Misalnya, project1.test atau mywebsite.local.
Tutorial Membuat Virtual Host di XAMPP
Untuk membuat proyek kamu lebih tertata dan berjalan sesuai dengan keinginan kamu, membuat virtual host di XAMPP adalah cara yang perlu kamu coba. Nah, berikut ini adalah langkah-langkah mudah untuk membuat virtual host di XAMPP:
1. Edit File `httpd-vhosts.conf`
Langkah pertama adalah mengedit file `httpd-vhosts.conf`. File ini biasanya terletak di `C:\xampp\apache\conf\extra\httpd-vhosts.conf`.
- Buka file tersebut dengan teks editor favoritmu.
- Tambahkan konfigurasi virtual host.
2. Edit File Hosts
Setelah itu, kamu perlu mengedit file hosts di sistem operasi kamu. Ini untuk memastikan bahwa domain lokal yang kamu buat diarahkan ke server lokal.
- Buka file `hosts` di `C:\Windows\System32\drivers\etc\hosts` dengan hak akses administrator.
- Tambahkan baris berikut:
plaintext
127.0.0.1 project1.test
3. Restart Apache
Setelah melakukan dua langkah di atas, langkah berikutnya adalah restart Apache melalui Control Panel XAMPP. Hal ini untuk memastikan semua perubahan yang kamu buat diterapkan.
4. Uji Virtual Host
Setelah Apache direstart, coba buka browser dan akses domain yang kamu buat. Misalnya, ketik `project1.test` di address bar. Jika semuanya benar, kamu akan melihat halaman proyekmu.
5. Tambahan Virtual Host
Jika kamu ingin menambahkan virtual host lain, cukup ulangi langkah-langkah di atas dengan mengganti `DocumentRoot`dan`ServerName` sesuai kebutuhan.
6. Penanganan Error
Jika terjadi error, pastikan tidak ada kesalahan ketik di file `httpd-vhosts.conf` dan `hosts`. Periksa juga apakah kamu telah me-restart Apache setelah melakukan perubahan.
Baca juga Menggunakan XAMPP untuk Testing Website
7. Konfigurasi SSL (Opsional)
Untuk keamanan lebih, kamu bisa mengkonfigurasi virtual host untuk menggunakan SSL. Namun, ini adalah langkah lanjutan dan membutuhkan sertifikat SSL.
Dengan membuat virtual host di XAMPP, mengelola banyak proyek web menjadi lebih mudah dan terorganisir, sehingga kamu akan lebih fokus pada kemajuan proyek web yang sedang dikerjakan. Kamu bisa mengakses proyek-proyek dengan nama domain yang kamu tentukan sendiri, membuat proses pengembangan lebih efisien.
Jika kamu sedang mencari laptop yang powerful untuk mendukung semua aktivitas coding dan testing-mu, Advan Soulmate adalah pilihan yang tepat. Telah dibekali dengan prosesor cepat dan RAM besar, Laptop ini memastikan kamu bisa bekerja tanpa hambatan untuk mencapai hasil yang maksimal.
Nikmati pengalaman coding yang lebih nyaman dengan layar Full HD dan daya tahan baterai yang luar biasa. Advan Soulmate siap menemani setiap langkah dalam perjalanan coding-mu!***
Editor : Adita Febriyanti