Mungkin kamu pernah ya memiliki banyak web apps (yang kita sebut sebagai aplikasi berbasis web), diletakkan pada 1 mesin internal server kantor? Jika ya, maka kamu beruntung karena di tutorial kali ini kita akan menunjukkan cara mengaktifkan web port guna mempermudah akses dalam mesin yang sama tanpa harus beli mesin baru!
Yang kamu butuhkan ialah :
- Apache Server (boleh dari Xampp)
- Web app (yang sudah berjalan)
Okay selanjutnya, asumsikan kita ada 2 Web app yang dimiliki yaitu terletak di :
- c:\xampp\htdocs\system-web-tv
- c:\xampp\htdocs\system-web-snpad
Kini kita lanjutkan melakukan 3 konfigurasi secara cepat dan tepat!
1. Konfigurasi : httpd.conf
Apa dan dimana letak konfigurasi ini berada? Tentu saja ada di :
c:\xampp\apache\conf\httpd.conf
Bongkar file tersebut dan cari tulisan :
Listen 80
# nilai 80 ini ialah port yang dibuka pada mesin server ini
Nah dari situ tambahkan keterangan berikutnya menjadi seperti ini:
Listen 8
Listen 2024
Listen 2025
# sekarang portnya sudah ada 3, dan berikut port 2024 dan 2025 untuk web app yang akan kita pasangkan sebentar lagi!
Nah setelah ini kita lanjutkan operasi berikutnya ya! Kamu pasti sudah mulai faham sekarang.
2. Konfigurasi : httpd-vhosts.conf
Di dalam file yang satu ini. Kita akan melakukan mapping point. Lebih tepatnya lagi penunjukkan directory mana yang akan digunakan sebagai referensi pemanggilan pada saat diakses oleh URL web browser. File yang dimaksud ialah :
C:\xampp\apache\conf\extra\httpd-vhosts.conf
Nah dari sini bongkar filenya ya, dengan begitu kamu akan menjumpai keterangan berikut ini :
<VirtualHost *:80>
ServerAdmin admin@fgroupindonesia.com
ServerName localhost
ServerAlias localhost
DocumentRoot "/xampp/htdocs/"
</VirtualHost>
Yang akan kita buat ialah konfigurasi serupa! Sehingga untuk web app yang kita akan cocokkan sesuai lokasinya, sekarang tambahkan code di bawahnya menjadi :
<VirtualHost *:2024>
ServerAdmin admin@fgroupindonesia.com
ServerName webtv.net
ServerAlias www.webtv.net
DocumentRoot "/xampp/htdocs/system-web-tv"
</VirtualHost>
<VirtualHost *:2025>
ServerAdmin admin@fgroupindonesia.com
ServerName snpad.net
ServerAlias www.snpad.net
DocumentRoot "/xampp/htdocs/system-web-snpad"
</VirtualHost>
Nah sampai sini, kamu pasti sudah yakin bahwa mapping yang dilakukan harus sesuai dari penamaan folder, besar kecil dan juga tidak boleh menggunakan spasi ya! Ngerti deh….! Oh ya, catet dulu :Okay, lanjuuut….!
- Penamaan besar kecil harus sesuai
- Penamaan web domain ataupun folder (directory) tanpa spasi
- Lokasi system web harus terletak sesuai namanya di dalam sub folder htdocs
- Tidak boleh ada duplikasi nama tag VirtualHost pointing ke Directory yang sama
Okay, sudah ngerti ya! Lanjuuut…!
3. Konfigurasi : system32\drivers\etc\host
Dan finalnya ya bagian ini. Yaitu open notepad by administrator lalu akses lokasi penting ini :
C:\windows\system32\drivers\etc\host
Dari sini kita lakukan pemetaan terakhir ya!
127.0.0.1 localhost
127.0.0.1 webtv.net
127.0.0.1 www.webtv.net127.0.0.1 snpad.net
127.0.0.1 www.snpad.net
Nah semuanya disusun rapi ya, jarak spasi pun cukup gunakan tombol TAB. Dan save file tadi!
4. Testing Hasilnya!
Yuk kita test!
Stop XAMPP Server, tunggu 10 detik (biarkan refresh). Lalu Start kembali XAMPP Servernya….!
Lihat kini port sudah terbuka dengan baik! Dan akses di web browser alamat yang kita inginkan sesuai IP ADDRESS mesin tersebut!
Untuk saat ini kita coba di browser URL ini:
http://192.168.0.21:2024
http://192.168.0.21:2025
# IP ADDRESS ini ganti dengan nomor mesin kamu disana namun diakhiri dengan port yang sudah di buka pada Apache Server tadi yaa!
Waah, keren kaaan?! Alhamdulillah…. Selamat ya guys!
Catatan :
Untuk bantuan khusus sesi teknis lainnya yuk ikuti sesi konsultasi IT yang kami miliki untuk mengatasi kasus unikmu sebagai solusi terbaik, segera!