Advan – Halo sobat pengembang web! Jika kamu sering menggunakan XAMPP untuk pengembangan website lokal, pasti sering mengalami kebutuhan untuk menambah domain lokal supaya lebih rapi dan mudah dikelola.
Mengembangkan website secara lokal menggunakan XAMPP merupakan langkah yang umum dilakukan oleh para pengembang web. Namun, seringkali kita ingin meningkatkan struktur pengembangan dengan menambah domain lokal agar lebih terorganisir dan mudah dikelola.
Dalam artikel ini, kita akan membahas secara mendalam cara menambah domain lokal di XAMPP, mulai dari mengedit file host hingga mengkonfigurasi virtual host, sehingga kamu bisa mengakses proyek web lokal dengan lebih efisien. Menambahkan domain lokal seperti `localdomain.test` tidak hanya mempermudah dalam pengelolaan proyek-proyek yang berbeda, tetapi juga memberikan pengalaman pengembangan yang lebih mirip dengan lingkungan produksi.
Dengan cara ini, kamu dapat mengakses setiap proyek dengan mudah melalui browser tanpa harus mengandalkan URL default seperti `localhost/namaprojek`. Ini tidak hanya meningkatkan efisiensi, tetapi juga memungkinkan untuk melakukan pengujian dan pengembangan dengan lebih tepat dan terstruktur. Nah, di artikel kali ini, kita akan bahas secara detail bagaimana cara menambah domain lokal di XAMPP. Yuk simak!
Panduan Lengkap Cara Menambah Domain Lokal di XAMPP:
Mengapa Perlu Menambahkan Domain Lokal?
Sebelum masuk ke tutorialnya, mungkin kamu bertanya-tanya, kenapa sih perlu menambahkan domain lokal di XAMPP? Nah, dengan menambahkan domain lokal, misalnya `localdomain.test`, kita bisa mengakses project web kita dengan cara yang lebih terstruktur dan mirip seperti di server nyata. Selain itu, ini juga mempermudah dalam pengaturan virtual host.
1. Mengedit File Hosts
Langkah pertama yang perlu dilakukan adalah mengedit file hosts di komputer kamu. File hosts ini berguna untuk menentukan alamat IP dari domain yang ingin kamu tambahkan.
Pastikan ganti `localdomain.test` dengan nama domain lokal yang ingin kamu gunakan. Simpan perubahan tersebut.
2. Konfigurasi Virtual Host di XAMPP
Selanjutnya, kita perlu mengkonfigurasi virtual host di XAMPP supaya server lokal bisa mengarahkan domain yang kita tambahkan tadi ke folder proyek yang sesuai.
Buka file `httpd-vhosts.conf` di `C:\xampp\apache\conf\extra\httpd-vhosts.conf`. Tambahkan konfigurasi virtual host berikut:
“`
ServerName localdomain.test
DocumentRoot “C:/xampp/htdocs/namafolder”
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
“`
Pastikan untuk mengganti `localdomain.test` dengan nama domain yang kamu tambahkan di hosts, dan `C:/xampp/htdocs/namafolder` dengan path folder proyek yang sesuai. Simpan file tersebut setelah melakukan perubahan.
Baca Juga: Cara Mengamankan Server Lokal XAMPP
3. Restart XAMPP dan Testing
Setelah selesai mengedit file host dan `httpd-vhosts.conf`, langkah terakhir adalah merestart XAMPP supaya perubahan yang telah kamu lakukan bisa diaplikasikan.
Buka XAMPP Control Panel, matikan Apache dengan mengklik tombol “Stop”, lalu hidupkan kembali dengan mengklik tombol “Start” di samping Apache. Sekarang coba buka browser dan ketikkan `http://localdomain.test`. Jika konfigurasi sudah benar, seharusnya proyek web kamu muncul di sini!
Baca Juga: Cara Menghapus XAMPP dari Windows yang Aman
Sekarang kamu sudah tahu cara menambah domain lokal di XAMPP dengan mudah. Dengan langkah-langkah di atas, pengembangan website lokal menggunakan XAMPP akan lebih terorganisir dan efisien. Jangan lupa untuk selalu memastikan path dan konfigurasi sesuai dengan settingan komputer kamu ya. Selamat mencoba dan semoga berhasil!
Rekomendasi buat kamu yang sedang butuh laptop keren nih, kualitas oke tapi harga terjangkau. Pilih Advan Workplus sekarang juga!. Dengan spesifikasi layar panel IPS memberikan kejernihan visual yang luar biasa. Disertai resolusi tinggi 1920x1200px 16:10 yang nyaman tanpa gangguan. Fitur keamanan canggih berupa fingerprint sensor yang terletak di ujung mousepad. Hanya dalam satu sentuhan jari dengan cepat dan aman akan memberikan privasi menyeluruh untuk laptop kamu.***
Editor: Mahfida Ustadhatul Umma