Jika kamu adalah seorang pengembang web yang menggunakan XAMPP di Windows untuk mengembangkan situs web di localhost, ada kalanya kamu in...
Jika kamu adalah seorang pengembang web yang menggunakan XAMPP di Windows untuk mengembangkan situs web di localhost, ada kalanya kamu ingin situs web tersebut dapat diakses oleh perangkat lain di jaringan lokal (LAN). Misalnya, kamu ingin kolega atau temanmu yang berada di jaringan yang sama dapat mengakses aplikasi web yang sedang kamu kembangkan.
Dalam artikel ini, saya akan membahas langkah-langkah yang dapat kamu ikuti untuk memungkinkan perangkat lain di jaringan LAN mengakses website yang berjalan di localhost kamu. Kita akan membahas cara mengatur XAMPP, melakukan perubahan pada konfigurasi Apache, memastikan firewall Windows mengizinkan akses, dan beberapa langkah lain yang relevan.
Berikut adalah panduan lengkapnya:
1. Apa Itu Localhost dan Bagaimana XAMPP Bekerja?
Sebelum kita masuk ke bagian teknis, mari kita pahami apa itu localhost dan bagaimana XAMPP berfungsi.
Localhost adalah istilah yang digunakan untuk merujuk ke komputer yang sedang digunakan. Ketika kamu menjalankan sebuah website di localhost, hanya komputer tersebut yang dapat mengakses website tersebut melalui browser dengan mengetikkan
http://localhost
atauhttp://127.0.0.1
. Ini hanya bisa diakses dari komputer lokal.XAMPP adalah software yang memudahkan pengembang web untuk menjalankan server lokal di komputer mereka. XAMPP adalah paket server yang berisi Apache (untuk menjalankan server web), MySQL atau MariaDB (untuk database), PHP (untuk scripting server-side), dan beberapa komponen lain.
Secara default, Apache di XAMPP hanya mendengarkan permintaan dari localhost. Namun, dengan sedikit pengaturan, kita bisa mengubah ini agar web server kita dapat diakses oleh perangkat lain melalui jaringan LAN.
2. Mengapa Perlu Mengakses Localhost dari Jaringan LAN?
Ada banyak alasan mengapa kita mungkin ingin membuat website di localhost bisa diakses melalui jaringan LAN, beberapa di antaranya adalah:
Kolaborasi dengan Tim: Kamu bisa berbagi progress project web yang kamu kerjakan dengan rekan satu tim, sehingga mereka bisa melihat, menguji, atau memberikan masukan secara real-time tanpa perlu memindahkan aplikasi ke server yang berbeda.
Testing pada Perangkat Berbeda: Saat mengembangkan aplikasi web, kamu mungkin ingin menguji aplikasi tersebut pada perangkat lain, seperti smartphone, tablet, atau komputer lain di jaringan LAN. Ini membantu memastikan kompatibilitas dan responsivitas pada berbagai perangkat.
Demo untuk Klien: Jika kamu sedang melakukan pengembangan aplikasi web untuk klien, kamu bisa mendemonstrasikan hasil kerja kamu secara langsung melalui jaringan LAN tanpa harus mengupload aplikasi ke server eksternal.
Dengan alasan-alasan tersebut, mengetahui cara mengkonfigurasi web di localhost agar bisa diakses melalui jaringan LAN adalah keterampilan yang sangat bermanfaat.
3. Langkah-langkah Mengonfigurasi XAMPP untuk Akses LAN
Berikut adalah langkah-langkah yang perlu kamu ikuti agar website yang berjalan di localhost bisa diakses oleh pengguna lain di jaringan LAN.
Langkah 1: Cari IP Address Komputer Kamu
Langkah pertama adalah menemukan IP address komputer yang menjalankan server XAMPP. IP address ini yang akan digunakan oleh perangkat lain untuk mengakses server lokalmu. Berikut cara menemukannya:
Windows:
- Tekan Win + R di keyboard, ketikkan
cmd
, lalu tekan Enter untuk membuka Command Prompt. Di Command Prompt, ketikkan perintah berikut:
ipconfig
Kamu akan melihat beberapa informasi jaringan. Cari IPv4 Address di bagian koneksi jaringan yang aktif (bisa Ethernet atau Wi-Fi tergantung bagaimana komputermu terhubung ke jaringan). Misalnya, IP-nya adalah
192.168.1.10
. Ini adalah alamat yang akan digunakan oleh perangkat lain di jaringan untuk mengakses website kamu.
- Tekan Win + R di keyboard, ketikkan
Langkah 2: Ubah Konfigurasi Apache di XAMPP
Agar website di localhost dapat diakses melalui jaringan LAN, kita perlu melakukan beberapa perubahan pada pengaturan Apache. Berikut adalah langkah-langkahnya:
Buka File Konfigurasi Apache:
- Di XAMPP, file konfigurasi Apache bernama httpd.conf. Lokasi default file ini adalah:
C:\xampp\apache\conf\httpd.conf
- Buka file ini menggunakan editor teks seperti Notepad atau Notepad++.
Ubah Pengaturan Listen:
Cari baris yang berisi:
Listen 80
Secara default, baris ini hanya membuat Apache mendengarkan di localhost. Untuk mengizinkan akses dari jaringan LAN, ubah menjadi:
Listen 0.0.0.0:80
Ini memungkinkan Apache mendengarkan semua permintaan dari IP manapun, termasuk dari jaringan LAN. Kamu juga bisa menggantinya secara spesifik dengan IP address komputer kamu, seperti ini:
Listen 192.168.1.10:80
Ubah Pengaturan
ServerName
:Cari baris yang berisi:
ServerName localhost:80
Ubah menjadi:
ServerName 192.168.1.10:80
Simpan Perubahan dan Restart Apache:
- Setelah melakukan perubahan, simpan file tersebut dan restart Apache melalui XAMPP Control Panel. Klik tombol Stop pada Apache, lalu klik Start kembali.
Langkah 3: Konfigurasi Firewall Windows
Windows Firewall biasanya memblokir permintaan yang datang dari luar jaringan, termasuk akses dari perangkat lain di jaringan LAN. Jadi, kita perlu mengatur Firewall agar mengizinkan akses ke port 80 (port default HTTP) untuk Apache. Berikut caranya:
- Buka Control Panel > System and Security > Windows Defender Firewall > Advanced settings.
- Klik Inbound Rules di panel kiri, lalu klik New Rule di panel kanan.
- Pilih Port, kemudian klik Next.
- Pilih TCP, dan masukkan 80 di kolom port, lalu klik Next.
- Pilih Allow the connection, lalu klik Next.
- Pilih semua profil (Domain, Private, Public), kemudian klik Next.
- Beri nama rule ini, misalnya "Apache Port 80", lalu klik Finish.
Dengan demikian, Windows Firewall akan mengizinkan koneksi ke Apache melalui port 80 dari perangkat di jaringan LAN.
Langkah 4: Akses Website dari Perangkat Lain di Jaringan LAN
Setelah semua pengaturan dilakukan, kamu sekarang bisa mengakses website yang berjalan di localhost dari perangkat lain di jaringan LAN. Caranya adalah dengan mengetikkan IP address komputer server di browser perangkat lain, misalnya:
http://192.168.1.10
Jika kamu menggunakan port selain 80 (misalnya 8080), kamu perlu menyertakan nomor port dalam URL, seperti ini:
http://192.168.1.10:8080
Sekarang, website yang berjalan di XAMPP dapat diakses oleh perangkat lain di jaringan LAN, baik itu komputer, smartphone, atau tablet.
4. Troubleshooting Umum
Jika setelah mengikuti langkah-langkah di atas website di localhost kamu masih belum bisa diakses dari perangkat lain, coba cek beberapa hal berikut:
- Cek IP Address: Pastikan IP address yang kamu gunakan adalah IP yang benar dari komputer server.
- Cek Firewall: Pastikan firewall tidak memblokir port yang digunakan oleh Apache.
- Cek Koneksi Jaringan: Pastikan semua perangkat terhubung ke jaringan LAN yang sama.
- Cek Status Apache: Pastikan Apache di XAMPP berjalan tanpa error.
5. Kesimpulan
Mengakses website di localhost melalui jaringan LAN menggunakan XAMPP di Windows bisa sangat berguna dalam situasi kolaboratif atau saat menguji aplikasi web di perangkat lain. Dengan mengikuti langkah-langkah di atas, kamu bisa dengan mudah mengkonfigurasi server Apache di XAMPP agar bisa diakses oleh perangkat lain melalui jaringan LAN. Pastikan kamu mengikuti setiap langkah dengan hati-hati, terutama yang berkaitan dengan pengaturan firewall dan konfigurasi Apache.
Dengan konfigurasi yang benar, kamu bisa membagikan website yang berjalan di localhost dengan pengguna lain tanpa perlu menguploadnya ke server online terlebih dahulu, yang dapat menghemat waktu dan memberikan fleksibilitas lebih dalam pengembangan aplikasi web.
COMMENTS