[Tutorial IT](https://rizalconsulting.id/index.php?option=com_content&view=category&id=13) 31 Agustus 2026 # Topik [ Aplikasi Web ](https://rizalconsulting.id/index.php?option=com_tags&view=tag&id%5B0%5D=125:aplikasi-web) [ diy teknologi ](https://rizalconsulting.id/index.php?option=com_tags&view=tag&id%5B0%5D=178:diy-teknologi) # WAMP Server di Windows: Panduan Lengkap Bikin Aplikasi Web Lokal Bisa Diakses dari HP dan Laptop Lain lewat WiFi Kantor 31 Agustus 2026 Banyak aplikasi open source berbasis web—seperti WordPress, Laravel, atau sistem internal buatan sendiri—sebenarnya bisa dijalankan lokal di komputer Windows pakai WAMP Server. Masalahnya, banyak yang sudah berhasil install WAMP, tapi bingung bagaimana supaya aplikasi web tersebut bisa diakses dari HP dan laptop lain lewat WiFi kantor atau rumah. Apalagi sekarang browser modern “rewel” kalau tidak pakai HTTPS; muncul peringatan “Not Secure” dan beberapa fitur bisa diblokir. Artikel ini fokus pada satu hal: bagaimana supaya aplikasi web yang sudah Anda miliki bisa “dihidupkan” di WAMP Server, lalu diakses dari perangkat lain dalam jaringan lokal (LAN/WiFi) dengan HTTPS dan keamanan level menengah. Kita tidak akan membahas cara membuat aplikasi web dari nol, tapi cara menempatkan, mengonfigurasi, dan mengamankan aplikasi web tersebut agar bisa dipakai tim Anda lewat WiFi kantor tanpa ribet. Gaya bahasanya santai, teknis, dan langsung ke praktik—ala Onno W Purbo. Yang penting dicoba, jangan takut salah, nanti juga terbiasa. --- DAFTAR ISI 1. [**Glosarium Mini (Istilah Teknis)**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#glosarium-mini-istilah-teknis) 2. [**Apa Itu WAMP Server dan Kenapa Pakai Ini untuk Aplikasi Web Lokal?**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#apa-itu-wamp-server-dan-kenapa-pakai-ini-untuk-aplikasi-web-lokal) 3. [**Persiapan Sebelum Install WAMP Server**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#persiapan-sebelum-install-wamp-server) 1. [**Spesifikasi Minimum & Rekomendasi**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#spesifikasi-minimum-rekomendasi) 2. [**Download WAMP Server & Komponen Pendukung**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#download-wamp-server-komponen-pendukung) 3. [**Cek Port 80 dan 443 Tidak Dipakai Aplikasi Lain**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#cek-port-80-dan-443-tidak-dipakai-aplikasi-lain) 4. [**Langkah Instalasi WAMP Server di Windows 10/11**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#langkah-instalasi-wamp-server-di-windows-10-11) 1. [**Proses Instalasi WAMP**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#proses-instalasi-wamp) 2. [**Verifikasi WAMP Berjalan dengan Baik**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#verifikasi-wamp-berjalan-dengan-baik) 5. [**Menempatkan Aplikasi Web Open Source di WAMP**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#menempatkan-aplikasi-web-open-source-di-wamp) 1. [**Struktur Folder Aplikasi Web di WAMP**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#struktur-folder-aplikasi-web-di-wamp) 2. [**Membuat Database untuk Aplikasi Web**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#membuat-database-untuk-aplikasi-web) 3. [**Konfigurasi Dasar Aplikasi Web**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#konfigurasi-dasar-aplikasi-web) 6. [**Mengonfigurasi WAMP agar Bisa Diakses dari Perangkat Lain via LAN/WiFi**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#mengonfigurasi-wamp-agar-bisa-diakses-dari-perangkat-lain-via-lan-wifi) 1. [**Memahami IP Address Lokal Komputer Server**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#memahami-ip-address-lokal-komputer-server) 2. [**Mengizinkan Apache Menerima Koneksi dari Luar (LAN)**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#mengizinkan-apache-menerima-koneksi-dari-luar-lan) 3. [**Konfigurasi Firewall Windows untuk Port 80 dan 443**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#konfigurasi-firewall-windows-untuk-port-80-dan-443) 7. [**Tes Akses dari Perangkat Lain**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#tes-akses-dari-perangkat-lain) 8. [**Mengaktifkan HTTPS agar Browser Modern Tidak Menolak**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#mengaktifkan-https-agar-browser-modern-tidak-menolak) 1. [**Kenapa HTTPS Penting Bahkan untuk Jaringan Lokal?**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#kenapa-https-penting-bahkan-untuk-jaringan-lokal) 2. [**Membuat Sertifikat Self‑Signed untuk Domain Lokal**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#membuat-sertifikat-self-signed-untuk-domain-lokal) 3. [**Mengonfigurasi Apache untuk HTTPS**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#mengonfigurasi-apache-untuk-https) 4. [**Mengakses Aplikasi via HTTPS dari Perangkat Lain**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#mengakses-aplikasi-via-https-dari-perangkat-lain) 9. [**Pengamanan untuk Lingkungan Lokal (LAN/WAN)**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#pengamanan-untuk-lingkungan-lokal-lan-wan) 1. [**Mengamankan MySQL/MariaDB**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#mengamankan-mysql-mariadb) 2. [**Membatasi Akses ke phpMyAdmin dan Folder Sensitif**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#membatasi-akses-ke-phpmyadmin-dan-folder-sensitif) 10. [**Praktik Baik Keamanan Dasar**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#praktik-baik-keamanan-dasar) 11. [**Troubleshooting Umum yang Sering Muncul**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#troubleshooting-umum-yang-sering-muncul) 1. [**WAMP Icon Tidak Hijau / Apache Tidak Jalan**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#wamp-icon-tidak-hijau-apache-tidak-jalan) 2. [**Perangkat Lain Tidak Bisa Akses**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#perangkat-lain-tidak-bisa-akses) 3. [**Browser Menolak HTTPS / Warning Terus Muncul**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#browser-menolak-https-warning-terus-muncul) 4. [**Kapan Perlu Pakai Skema Ini dan Kapan Tidak?**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#kapan-perlu-pakai-skema-ini-dan-kapan-tidak) 1. [**Cocok Untuk:**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#cocok-untuk) 2. [**Kurang Cocok Untuk:**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#kurang-cocok-untuk) 12. [**FAQ (People Also Ask)**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#faq-people-also-ask) 1. [**Apakah WAMP Server bisa diakses dari HP dan laptop lain dalam satu WiFi?**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#apakah-wamp-server-bisa-diakses-dari-hp-dan-laptop-lain-dalam-satu-wifi) 2. [**Apakah wajib pakai HTTPS untuk aplikasi web lokal?**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#apakah-wajib-pakai-https-untuk-aplikasi-web-lokal) 3. [**Apakah sertifikat self‑signed aman untuk lingkungan lokal?**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#apakah-sertifikat-self-signed-aman-untuk-lingkungan-lokal) 4. [**Apakah konfigurasi ini bisa dipakai untuk WordPress, Laravel, atau aplikasi PHP lain?**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#apakah-konfigurasi-ini-bisa-dipakai-untuk-wordpress-laravel-atau-aplikasi-php-lain) 5. [**Apakah perlu membuka port di router agar bisa diakses dari internet?**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#apakah-perlu-membuka-port-di-router-agar-bisa-diakses-dari-internet) 13. [**Butuh Bantuan Instalasi dan Konfigurasi? Hubungi Rizal Consulting**](https://rizalconsulting.id/blog/tutorial-it/wamp-server-windows-aplikasi-web-lokal-akses-wifi#butuh-bantuan-instalasi-dan-konfigurasi-hubungi-rizal-consulting) ## **Glosarium Mini (Istilah Teknis)** Sebelum masuk ke inti, berikut glosarium mini untuk istilah teknis yang akan sering muncul. Baca sekilas saja; nanti juga makin paham seiring praktik. - **WAMP**: Singkatan dari Windows, Apache, MySQL/MariaDB, PHP; paket software untuk menjalankan aplikasi web di Windows. - **Apache**: Web server yang bertugas menerima permintaan HTTP/HTTPS dan mengirimkan halaman web. - **MySQL/MariaDB**: Sistem manajemen basis data relasional yang sering dipakai aplikasi web. - **PHP**: Bahasa pemrograman server‑side untuk membuat halaman web dinamis. - **localhost**: Alamat yang merujuk ke komputer itu sendiri (biasanya 127.0.0.1 atau localhost). - **IP Address**: Alamat numerik yang mengidentifikasi perangkat dalam jaringan, misal 192.168.1.10. - **LAN (Local Area Network)**: Jaringan lokal, biasanya dalam satu gedung/rumah, terhubung lewat switch/router. - **Firewall**: Sistem keamanan yang mengatur lalu lintas jaringan masuk dan keluar dari komputer. - **Port**: “Pintu” numerik pada komputer untuk jenis layanan tertentu; HTTP biasanya port 80, HTTPS port 443. - **HTTPS**: Versi aman dari HTTP yang menggunakan enkripsi SSL/TLS. - **Sertifikat Self‑Signed**: Sertifikat SSL yang dibuat sendiri, bukan oleh otoritas sertifikat publik; aman secara enkripsi tapi tidak otomatis dipercaya browser. - **Virtual Host**: Konfigurasi di Apache untuk melayani beberapa “situs” berbeda dari satu server. - **phpMyAdmin**: Aplikasi berbasis web untuk mengelola database MySQL/MariaDB dengan antarmuka grafis. ## **Apa Itu WAMP Server dan Kenapa Pakai Ini untuk Aplikasi Web Lokal?** WAMP Server adalah paket software yang menggabungkan Windows, Apache, MySQL/MariaDB, dan PHP dalam satu installer. Dengan WAMP, Anda bisa menjalankan aplikasi web di komputer Windows tanpa perlu server Linux, tanpa VPS, dan tanpa internet. Cukup install WAMP, taruh aplikasi web di folder tertentu, buat database, lalu akses lewat browser. Kenapa WAMP cocok untuk skenario [**aplikasi web lokal**](https://rizalconsulting.id/index.php?option=com_content&view=article&id=610:home-server-murah-2-jutaan-studi-kasus-nas&catid=13:tutorial-it&Itemid=193) di kantor atau sekolah? - Anda sudah punya [**aplikasi web open source**](https://rizalconsulting.id/index.php?option=com_content&view=article&id=71:pembuatan-aplikasi-web&catid=20:layanan) ([**WordPress, Laravel, sistem internal**](https://rizalconsulting.id/index.php?option=com_content&view=article&id=364:laravel-vs-codeigniter-mana-yang-lebih-cocok-buat-proyek-web-kamu&catid=34:review-ulasan&Itemid=614)) dan ingin menjalankannya di lingkungan lokal. - Aplikasi tersebut hanya perlu diakses oleh orang dalam satu jaringan (WiFi kantor, lab komputer, ruang server kecil). - Anda ingin lingkungan yang terkontrol, mudah di-backup, dan tidak tergantung koneksi internet. Banyak yang bertanya, “Kenapa tidak XAMPP atau Laragon saja?” XAMPP memang populer dan cross-platform, tapi update PHP-nya kadang lebih lambat. Laragon juga bagus, tapi WAMP lebih “Windows native”: ada ikon di system tray, mudah ganti versi PHP, dan dokumentasinya cukup rapi untuk lingkungan Windows 10/11. Artikel ini fokus ke WAMP karena tujuannya agar Anda bisa pakai versi PHP terbaru dan lingkungan Windows yang umum di kantor. Ingat lagi: fokus artikel ini bukan cara membuat aplikasi web, tapi cara “menempatkan” dan “menjalankan” aplikasi web yang sudah ada agar bisa diakses via LAN/WiFi dengan HTTPS. ## **Persiapan Sebelum Install WAMP Server** ### **Spesifikasi Minimum & Rekomendasi** Agar proses instalasi dan operasional aplikasi web lancar, pastikan komputer server memenuhi spesifikasi berikut: - Sistem operasi: Windows 10 atau Windows 11, 64-bit. - RAM: minimal 4 GB; rekomendasi 8 GB atau lebih jika aplikasi web cukup berat (misal WordPress dengan banyak plugin, atau Laravel dengan banyak proses). - Ruang penyimpanan: sediakan minimal 5–10 GB kosong untuk WAMP, aplikasi web, dan database. - Hak akses: Anda harus login sebagai user dengan hak administrator di Windows. ### **Download WAMP Server & Komponen Pendukung** Langkah pertama adalah download WAMP Server dari situs resmi: - Kunjungi: - Download versi terbaru yang mendukung PHP 8.3 (sesuai kondisi tahun 2026). - Installer WAMP biasanya sudah mencakup Apache, PHP, dan MySQL/MariaDB. - Saat instalasi, mungkin Anda diminta menginstall Visual C++ Redistributable; ikuti saja petunjuk yang muncul. Penting: hanya download WAMP dari situs resmi untuk menghindari versi modifikasi yang bisa mengandung malware. ### **Cek Port 80 dan 443 Tidak Dipakai Aplikasi Lain** Apache di WAMP butuh port 80 (HTTP) dan 443 (HTTPS). Jika port ini sudah dipakai aplikasi lain (misal IIS, web server lain, atau aplikasi tertentu), WAMP tidak akan bisa jalan dengan benar. Cara cepat cek: 1. Buka Command Prompt (klik Start, ketik cmd, jalankan sebagai administrator). 2. Ketik perintah berikut: text netstat -ano | find ":80" netstat -ano | find ":443" 3. Jika muncul banyak proses yang memakai port tersebut, catat PID-nya dan cek di Task Manager proses apa itu. 4. Jika ternyata bentrok (misal IIS aktif), Anda bisa: - Menonaktifkan sementara aplikasi yang bentrok, atau - Mengubah port Apache di konfigurasi (opsional, tidak dibahas detail di sini). Untuk kebanyakan komputer Windows 10/11 yang tidak menjalankan web server lain, port 80 dan 443 biasanya masih bebas. ## **Langkah Instalasi WAMP Server di Windows 10/11** ### **Proses Instalasi WAMP** 1. Jalankan file installer WAMP yang sudah didownload, klik kanan → “Run as administrator”. 2. Pilih direktori instalasi. Default-nya C:\\wamp64; ini sudah bagus, tidak perlu diubah kecuali ada kebijakan khusus di kantor. 3. Pilih browser default jika diminta; ini tidak terlalu krusial karena Anda bisa pakai browser apa saja. 4. Tunggu proses instalasi selesai. Setelah itu, ikon WAMP akan muncul di system tray (dekat jam Windows). 5. Tunggu hingga ikon berubah menjadi hijau. Hijau berarti Apache, MySQL, dan PHP berjalan dengan baik. ### **Verifikasi WAMP Berjalan dengan Baik** Untuk memastikan WAMP benar-benar jalan: 1. Buka browser (Chrome, Edge, Firefox, apa saja). 2. Akses: http://localhost 3. Seharusnya muncul halaman default WAMP dengan informasi versi Apache, PHP, MySQL, dll. 4. Coba akses phpMyAdmin: http://localhost/phpmyadmin> 5. Login default biasanya: - Username: root - Password: (kosong) Jika sampai sini berhasil, berarti fondasi WAMP sudah siap. Selanjutnya kita akan menempatkan [**aplikasi web open source**](https://rizalconsulting.id/index.php?option=com_content&view=article&id=563:alternatif-open-source-gratis-pengganti-saas-berbayar&catid=34:review-ulasan&Itemid=614) di dalamnya. ## **Menempatkan Aplikasi Web Open Source di WAMP** ### **Struktur Folder Aplikasi Web di WAMP** WAMP menyimpan semua aplikasi web di dalam folder www di direktori instalasi. Misal: - Direktori WAMP: C:\\wamp64 - Folder aplikasi web: C:\\wamp64\\www\\aplikasi-saya Langkahnya: 1. Buka C:\\wamp64\\www. 2. Buat folder baru, misal aplikasi-saya. 3. Salin semua file aplikasi web open source Anda ke dalam folder tersebut. - Untuk WordPress: semua file hasil download WordPress. - Untuk Laravel: hasil clone atau extract proyek Laravel. - Untuk aplikasi PHP lain: semua file source-nya. Pastikan struktur folder aplikasi web tetap utuh; jangan acak-acak file di dalamnya. ### **Membuat Database untuk Aplikasi Web** Kebanyakan aplikasi web butuh database MySQL/MariaDB. Kita pakai phpMyAdmin yang sudah tersedia di WAMP. 1. Buka browser, akses: http://localhost/phpmyadmin 2. Login dengan user root dan password kosong (atau sesuai yang sudah Anda set). 3. Klik “New” atau “Baru” untuk membuat database baru. 4. Beri nama, misal: db\_aplikasi\_saya. 5. Catat: - Nama database: db\_aplikasi\_saya - Username: nanti bisa pakai root (tidak disarankan untuk produksi) atau user baru. - Password: akan kita set di bagian keamanan. ### **Konfigurasi Dasar Aplikasi Web** Setiap aplikasi web punya file konfigurasi sendiri untuk koneksi database. Contoh: - **WordPress**: file wp-config.php - **Laravel**: file .env - **Aplikasi PHP custom**: biasanya file konfigurasi terpisah (misal config.php, database.php, dll). Contoh untuk WordPress: 1. Buka C:\\wamp64\\www\\aplikasi-saya\\wp-config.php dengan text editor. 2. Cari baris seperti: php define( 'DB\_NAME', 'database\_name\_here' ); define( 'DB\_USER', 'username\_here' ); define( 'DB\_PASSWORD', 'password\_here' ); define( 'DB\_HOST', 'localhost' ); 3. Ubah sesuai database yang sudah dibuat: php define( 'DB\_NAME', 'db\_aplikasi\_saya' ); define( 'DB\_USER', 'root' ); *// atau user khusus yang nanti dibuat* define( 'DB\_PASSWORD', '' ); *// atau password yang Anda set* define( 'DB\_HOST', 'localhost' ); 4. Simpan file. Untuk Laravel, edit file .env: text DB\_CONNECTION=mysql DB\_HOST=127.0.0.1 DB\_PORT=3306 DB\_DATABASE=db\_aplikasi\_saya DB\_USERNAME=root DB\_PASSWORD= Intinya: hubungkan aplikasi web dengan database yang sudah dibuat di phpMyAdmin. Ini bukan tutorial membuat aplikasi, tapi contoh agar Anda paham titik sambungnya. ## **Mengonfigurasi WAMP agar Bisa Diakses dari Perangkat Lain via LAN/WiFi** Sekarang aplikasi web sudah jalan di http://localhost/aplikasi-saya, tapi hanya bisa diakses dari komputer server itu sendiri. Langkah berikutnya adalah supaya HP dan laptop lain dalam satu WiFi kantor bisa mengaksesnya. ### **Memahami IP Address Lokal Komputer Server** Setiap perangkat dalam jaringan lokal punya IP address. Komputer server WAMP juga punya IP lokal, misal 192.168.1.10. Perangkat lain akan mengakses aplikasi web lewat IP ini. Cara cek IP lokal: 1. Buka Command Prompt. 2. Ketik: text ipconfig 3. Cari bagian adapter yang aktif (Ethernet atau Wi-Fi). 4. Lihat baris “IPv4 Address”, misal: 192.168.1.10. Catat IP ini; nanti akan dipakai untuk akses dari perangkat lain. ### **Mengizinkan Apache Menerima Koneksi dari Luar (LAN)** Secara default, Apache di WAMP hanya melayani localhost. Agar perangkat lain bisa akses, kita harus mengubah konfigurasi Apache. Ada dua pendekatan umum: 1. **Mengubah konfigurasi global** (semua folder di www bisa diakses dari LAN). 2. **Menggunakan Virtual Host** (lebih rapi, tapi sedikit lebih teknis). Untuk pemula, kita pakai pendekatan global dulu. 1. Klik ikon WAMP di system tray → Apache → httpd.conf. 2. Cari bagian seperti: text <Directory "${INSTALL\_DIR}/www/"> Options Indexes FollowSymLinks MultiViews AllowOverride All Require local </Directory> 3. Ubah Require local menjadi: text Require all granted 4. Simpan file. 5. Restart Apache: klik ikon WAMP → Restart All Services. Arti perubahan ini sederhana: Apache sekarang tidak hanya melayani localhost, tapi juga perangkat lain dalam jaringan. ### **Konfigurasi Firewall Windows untuk Port 80 dan 443** Windows Firewall bisa memblokir koneksi masuk ke port 80 dan 443. Kita perlu membuat aturan agar port tersebut dibuka untuk [**jaringan lokal**](https://rizalconsulting.id/index.php?option=com_content&view=article&id=589:isp-mengintai-privasi-router-mata-mata-digital&catid=8:blog&Itemid=117). 1. Buka “Windows Defender Firewall with Advanced Security”: - Klik Start, ketik firewall, pilih “Windows Defender Firewall with Advanced Security”. 2. Di panel kiri, pilih “Inbound Rules”. 3. Di panel kanan, klik “New Rule…”. 4. Pilih “Port”, klik Next. 5. Pilih “TCP”, dan di “Specific local ports” isi: 80, 443. 6. Klik Next, pilih “Allow the connection”. 7. Next lagi, centang “Domain” dan “Private” (untuk “Public” bisa diskip atau diberi catatan khusus). 8. Beri nama, misal: WAMP HTTP HTTPS. 9. Finish. Sekarang komputer server sudah mengizinkan koneksi HTTP dan HTTPS dari jaringan lokal. ## **Tes Akses dari Perangkat Lain** Langkah terakhir di bagian ini adalah tes akses dari HP atau laptop lain: 1. Pastikan HP/laptop tersebut terhubung ke WiFi yang sama dengan komputer server. 2. Buka browser di perangkat tersebut. 3. Akses: (ganti 192.168.1.10 dengan IP server Anda). 4. Jika halaman aplikasi web muncul, berarti konfigurasi LAN sudah berhasil. Jika tidak muncul, periksa: - Apakah server dan perangkat benar-benar dalam satu jaringan WiFi/router? - Apakah firewall Windows sudah dikonfigurasi seperti langkah di atas? - Apakah ikon WAMP berwarna hijau? - Apakah IP address server tidak berubah (karena DHCP)? ## **Mengaktifkan HTTPS agar Browser Modern Tidak Menolak** Sekarang aplikasi web sudah bisa diakses via HTTP dari perangkat lain. Masalah berikutnya: browser modern sering menampilkan “Not Secure” untuk HTTP, dan beberapa fitur (seperti geolocation, camera, service worker) hanya jalan di konteks aman (HTTPS). Untuk itu, kita aktifkan HTTPS dengan sertifikat self‑signed. ### **Kenapa HTTPS Penting Bahkan untuk Jaringan Lokal?** Beberapa alasan utama: - Browser modern (Chrome, Edge, Firefox) menampilkan peringatan “Not Secure” untuk situs HTTP. Ini bisa membuat pengguna ragu, padahal ini hanya jaringan lokal. - Beberapa fitur web modern hanya jalan di “secure context” (HTTPS). Jika aplikasi Anda butuh fitur seperti itu, HTTP tidak akan cukup. - Dengan membiasakan HTTPS, tim Anda tidak terbiasa mengklik “Proceed anyway” di sistem penting; ini baik untuk budaya keamanan. ### **Membuat Sertifikat Self‑Signed untuk Domain Lokal** Ada beberapa cara membuat sertifikat self‑signed; salah satu yang relatif rapi adalah pakai OpenSSL (biasanya sudah termasuk di WAMP) atau tool bantu seperti MkCert. Secara garis besar: 1. Buat private key dan sertifikat untuk domain lokal, misal aplikasi.local. 2. Simpan file key (.key) dan certificate (.crt) di folder yang aman, misal C:\\wamp64\\ssl\\aplikasi.local. 3. Tambahkan entri di file hosts Windows server: - Buka C:\\Windows\\System32\\drivers\\etc\\hosts dengan text editor (run as administrator). - Tambahkan baris: 192.168.1.10 aplikasi.local - Simpan 3. Untuk detail perintah OpenSSL, Anda bisa merujuk dokumentasi OpenSSL atau panduan khusus “create self-signed certificate OpenSSL”. Intinya: Anda akan mendapat file .key dan .crt yang nanti dipakai Apache. ### **Mengonfigurasi Apache untuk HTTPS** 1. Aktifkan modul SSL di Apache: - Klik ikon WAMP → Apache → httpd.conf. - Cari baris: #LoadModule ssl\_module modules/mod\_ssl.so - Hilangkan tanda # di depan sehingga menjadi: LoadModule ssl\_module modules/mod\_ssl.so - Simpan. 2. 3. Konfigurasi virtual host HTTPS: - Biasanya ada file httpd-ssl.conf di folder conf/extra WAMP. - Aktifkan include-nya di httpd.conf (jika belum): Include conf/extra/httpd-ssl.conf - Edit httpd-ssl.conf: - Cari bagian SSLCertificateFile dan SSLCertificateKeyFile. - Arahkan ke file .crt dan .key yang sudah dibuat, misal: SSLCertificateFile "C:/wamp64/ssl/aplikasi.local/server.crt" SSLCertificateKeyFile "C:/wamp64/ssl/aplikasi.local/server.key" 2. - - Set ServerName dan DocumentRoot sesuai aplikasi, misal: ServerName aplikasi.local:443 DocumentRoot "C:/wamp64/www/aplikasi-saya" 2. - Simpan file. 3. Restart Apache: - Klik ikon WAMP → Restart All Services. ### **Mengakses Aplikasi via HTTPS dari Perangkat Lain** Sekarang aplikasi web bisa diakses via HTTPS: 1. Di browser perangkat lain (HP/laptop), akses: atau jika sudah setup hosts: 2. Browser akan menampilkan peringatan “Your connection is not private” atau “Certificate not trusted”. 3. Ini normal untuk sertifikat self‑signed. Klik “Advanced” → “Proceed to … (unsafe)” atau “Add exception”. 4. Setelah itu, aplikasi web akan tampil dengan HTTPS. Jika Anda ingin lebih rapi (tanpa peringatan di setiap perangkat), Anda bisa mengimpor sertifikat root ke perangkat klien. Ini sedikit lebih teknis dan bisa jadi bagian dari jasa konfigurasi. ## **Pengamanan untuk Lingkungan Lokal (LAN/WAN)** Meski hanya untuk jaringan lokal, [**keamanan digital tetaplah penting**](https://rizalconsulting.id/index.php?option=com_content&view=article&id=459:ancaman-keamanan-online-2025-cara-lindungi-data-anda&catid=8:blog&Itemid=117). Tujuannya agar pengguna lokal tidak “iseng” mengotak-atik aplikasi web atau database secara sembarangan. ### **Mengamankan MySQL/MariaDB** 1. Ganti password root MySQL: - Di phpMyAdmin, buka tab “User accounts”. - Edit user root, set password yang kuat. 2. Buat user khusus untuk aplikasi: - Buat user baru, misal user\_aplikasi. - Beri password kuat. - Berikan hak akses hanya untuk database db\_aplikasi\_saya. 3. Update konfigurasi aplikasi web: - Ganti DB\_USERNAME dan DB\_PASSWORD di file konfigurasi aplikasi dengan user baru tersebut. Dengan begini, aplikasi tidak lagi pakai user root yang punya hak penuh. ### **Membatasi Akses ke phpMyAdmin dan Folder Sensitif** phpMyAdmin adalah pintu masuk ke database; sebaiknya tidak bisa diakses sembarangan. 1. Batasi akses phpMyAdmin hanya dari localhost: - Edit konfigurasi Apache untuk /phpmyadmin: text <Directory "C:/wamp64/apps/phpmyadmin"> Require local </Directory> 1. - Artinya, hanya komputer server yang bisa akses phpMyAdmin via localhost. 2. Gunakan .htaccess untuk folder aplikasi jika perlu: - Nonaktifkan directory listing: text Options -Indexes 2. - Batasi akses ke folder konfigurasi jika aplikasi Anda punya folder sensitif. ## **Praktik Baik Keamanan Dasar** Beberapa praktik baik yang sebaiknya jadi kebiasaan: - Update WAMP, PHP, Apache, dan MySQL secara berkala untuk menutupi celah keamanan. - Jangan membuka port 80/443 ke internet (tidak perlu port forwarding di router) kecuali benar-benar diperlukan dan Anda paham risikonya. - Matikan modul Apache yang tidak dipakai untuk mengurangi permukaan serangan. - [**Backup rutin**](https://rizalconsulting.id/index.php?option=com_content&view=article&id=502:cara-backup-data-windows-transfer-pc-baru&catid=13:tutorial-it&Itemid=193): - Folder C:\\wamp64\\www\\aplikasi-saya - Database via phpMyAdmin (export SQL) atau command line mysqldump. ## **Troubleshooting Umum yang Sering Muncul** ### **WAMP Icon Tidak Hijau / Apache Tidak Jalan** Jika ikon WAMP tetap kuning atau merah: - Cek apakah ada aplikasi lain yang memakai port 80/443 (pakai netstat seperti di atas). - Baca log error Apache: - Klik ikon WAMP → Apache → Apache error log. - Coba restart WAMP, atau reboot Windows jika perlu. ### **Perangkat Lain Tidak Bisa Akses** Jika dari HP/laptop lain tidak bisa akses: - Pastikan server dan perangkat dalam satu jaringan WiFi/router. - Cek firewall Windows: pastikan rule untuk port 80 dan 443 sudah dibuat. - Pastikan konfigurasi Apache sudah Require all granted. - Cek apakah IP address server berubah (karena DHCP); jika iya, update URL akses di perangkat klien. ### **Browser Menolak HTTPS / Warning Terus Muncul** Jika browser terus menampilkan peringatan HTTPS: - Pastikan konfigurasi SSL di Apache sudah benar (file .crt dan .key tidak tertukar). - Cek tanggal dan waktu di server dan klien; jika meleset jauh, validasi sertifikat bisa gagal. - Pahami bahwa self‑signed memang akan selalu menampilkan peringatan di browser; ini normal. Untuk internal, cukup edukasi pengguna untuk “Add exception”. ### **Kapan Perlu Pakai Skema Ini dan Kapan Tidak?** #### **Cocok Untuk:** - Aplikasi internal kantor/sekolah yang hanya perlu diakses oleh orang dalam satu jaringan. - Prototipe atau testing sebelum deploy ke server online. - Lab komputer atau ruang training yang ingin lingkungan terkontrol dan mudah di-reset. #### **Kurang Cocok Untuk:** - Aplikasi yang harus diakses dari internet publik (butuh domain publik, SSL dari CA terpercaya, dan keamanan lebih ketat). - Sistem yang butuh uptime tinggi, redundansi, dan clustering. - Lingkungan yang butuh sertifikasi keamanan formal (misal ISO 27001, PCI DSS) tanpa penyesuaian lebih lanjut. ## **FAQ (People Also Ask)** ### **Apakah WAMP Server bisa diakses dari HP dan laptop lain dalam satu WiFi?** Ya. Asalkan konfigurasi Apache, firewall Windows, dan jaringan sudah benar, serta perangkat berada dalam satu jaringan lokal (WiFi/router yang sama), aplikasi web di WAMP bisa diakses dari HP dan laptop lain. ### **Apakah wajib pakai HTTPS untuk aplikasi web lokal?** Tidak wajib, tapi sangat disarankan. Browser modern sering membatasi fitur tertentu dan menampilkan “Not Secure” jika hanya HTTP. Beberapa aplikasi web modern juga butuh “secure context” (HTTPS) untuk fitur seperti geolocation, camera, atau service worker. ### **Apakah sertifikat self‑signed aman untuk lingkungan lokal?** Secara enkripsi, tetap aman. Hanya saja, sertifikat self‑signed tidak “dipercaya” secara default oleh browser, sehingga akan muncul peringatan “Certificate not trusted”. Untuk lingkungan internal kantor atau sekolah, ini umum dan bisa dikelola dengan edukasi pengguna. ### **Apakah konfigurasi ini bisa dipakai untuk WordPress, Laravel, atau aplikasi PHP lain?** Ya. Selama aplikasi tersebut berjalan di atas PHP + MySQL/MariaDB, konsepnya sama: taruh file aplikasi di folder www WAMP, buat database, atur konfigurasi koneksi database, lalu akses via LAN dengan HTTP/HTTPS. ### **Apakah perlu membuka port di router agar bisa diakses dari internet?** Tidak. Panduan ini khusus untuk akses lokal (LAN/WiFi). Jika Anda ingin aplikasi bisa diakses dari internet publik, perlu pendekatan lain seperti reverse proxy, domain publik, SSL dari CA terpercaya, dan pengamanan tambahan. ## **Butuh Bantuan Instalasi dan Konfigurasi? Hubungi Rizal Consulting** Konsep WAMP + LAN/WiFi + HTTPS ini sangat berguna untuk aplikasi internal kantor, sekolah, atau lab, tapi butuh perhatian khusus di bagian jaringan, sertifikat, dan keamanan. Jika Anda ingin sistem ini dipasang rapi, aman, dan siap pakai tanpa ribet, Rizal Consulting menawarkan [**jasa instalasi dan konfigurasi**](https://rizalconsulting.id/index.php?option=com_content&view=article&id=566:jasa-konsultasi-it&catid=20:layanan&Itemid=985) WAMP Server di Windows 10/11. Layanan mencakup pemasangan WAMP, [**penempatan aplikasi web open source**](https://rizalconsulting.id/index.php?option=com_content&view=article&id=71:pembuatan-aplikasi-web&catid=20:layanan), konfigurasi HTTPS dengan sertifikat self‑signed, serta pengamanan level menengah untuk MySQL, Apache, dan akses lokal. Tim kami juga dapat membantu troubleshooting, backup, dan pendampingan awal agar tim Anda nyaman menggunakan sistem ini. Untuk konsultasi lebih lanjut, silakan hubungi kami melalui halaman kontak yang tersedia. --- **Kontak Kami** - 🔗 **** - 📧 **Alamat email ini dilindungi dari robot spam. Anda memerlukan Javascript yang aktif untuk melihatnya.** - 📱 [**0813-8229-7207**](http://wa.me/6281382297207) - 🕐[**Sabtu – Kamis, 08.00 – 17.30 WIB**](https://rizalconsulting.id/kontak) - 🌏 Layanan kami tersedia [**online untuk seluruh Indonesia**](https://g.page/r/CQtYezDZiJrdEBM) --- Kami dapat [**memperoleh komisi**](https://rizalconsulting.id/index.php?option=com_content&view=article&id=230:pengungkapan-afiliasi-affiliate-disclosure-info-singkat-hak-anda&catid=8:blog) ketika Anda bertransaksi di tautan yang ditampilkan di situs ini. Ikuti [**saluran kami di Whatsapp**](https://whatsapp.com/channel/0029Vb8o7leHAdNMp515HZ3h) untuk info artikel terbaru. **[Pertanyaan bisnis](https://rizalconsulting.id/layanan)** atau **[penempatan konten promosi](https://rizalconsulting.id/jasa-backlink-dofollow)**: [0813-8229-7207](https://s.id/7jpgn) | Alamat email ini dilindungi dari robot spam. Anda memerlukan Javascript yang aktif untuk melihatnya.. Muhammad Fauzi Rizal 🗓️ Sejak 2006 💻 Sabtu - Kamis ⏰ 08-17 WIB ☎️ 0813-8229-7207 📧 Alamat email ini dilindungi dari robot spam. Anda memerlukan Javascript yang aktif untuk melihatnya. [![Banner Layanan Asisten Virtual](https://rizalconsulting.id/images/banners/asisten-virtual/banner-asisten-virtual-26-08-04-tegak.webp)](https://rizalconsulting.id/layanan/asisten-virtual) ## Artikel Terkait [ ![Ilustrasi DIY NAS Setup](https://rizalconsulting.id/media/yootheme/cache/b5/ilustrasi-diy-nas-setup-a-b5bc9d1d.webp?src=images/2026/08/29/ilustrasi-diy-nas-setup-a.webp&thumbnail=610,610,&hash=f463ddcc) Diterbitkan: 29 Agustus 2026 ### Bikin Home Server Cuma Modal $100: Studi Kasus NAS dan Server Aplikasi Hemat dari Barang Bekas Selengkapnya ](https://rizalconsulting.id/index.php?option=com_content&view=article&id=610:home-server-murah-2-jutaan-studi-kasus-nas&catid=13) [ ![Ilustrasi Social Mapping](https://rizalconsulting.id/media/yootheme/cache/8c/00-Social-Network-Analysis-Intro-8c97410c.webp?src=images/2025/10/15/00-Social-Network-Analysis-Intro.webp&thumbnail=610,610,&hash=5fe4d8ba) Diterbitkan: 15 Oktober 2025 ### Tools Pemetaan Pengetahuan Gratis Online Untuk Proses Belajar Cepat Selengkapnya ](https://rizalconsulting.id/index.php?option=com_content&view=article&id=436:tools-pemetaan-pengetahuan-gratis-online-untuk-proses-belajar-cepat&catid=13) [ ![Ilustrasi Wine di OS Linux](https://rizalconsulting.id/media/yootheme/cache/a4/ilustrasi-wine-11-linux-a-a4a0b5c1.webp?src=images/2026/07/11/ilustrasi-wine-11-linux-a.webp&thumbnail=610,610,&hash=966f0b46) Diterbitkan: 11 Juli 2026 ### Wine 11: Laptop Lawas Ngebut 860 FPS, Gratis Tanpa Windows Selengkapnya ](https://rizalconsulting.id/index.php?option=com_content&view=article&id=577:wine-11-laptop-lawas-860-fps&catid=13) ## Artikel Lainnya [ ![Ilustrasi Monitor Lama](https://rizalconsulting.id/media/yootheme/cache/27/00-old-desktop-pc-a-276a120f.webp?src=images/2026/03/20/00-old-desktop-pc-a.webp&thumbnail=610,610,&hash=98847a99) Diterbitkan: 20 Maret 2026 ### 5 Cara Tak Terduga Memanfaatkan Monitor Lama yang Terlupakan Selengkapnya ](https://rizalconsulting.id/index.php?option=com_content&view=article&id=515:cara-memanfaatkan-monitor-lama&catid=13) [ ![Ilustrasi Windows Desktop Toolkit](https://rizalconsulting.id/media/yootheme/cache/de/free_desktop_toolkit_a-de4f8088.webp?src=images/2026/07/30/free_desktop_toolkit_a.webp&thumbnail=610,610,&hash=37b0108f) Diterbitkan: 30 Juli 2026 ### Paket Lengkap Tools Gratis untuk Bikin Desktop Windows Kamu Rapi Selamanya Selengkapnya ](https://rizalconsulting.id/index.php?option=com_content&view=article&id=586:tools-gratis-rapikan-desktop-windows&catid=34) [ ![Ilustrasi Customer Support](https://rizalconsulting.id/media/yootheme/cache/52/Customer-Service-Intro-52ce14e2.webp?src=images/2025/08/Customer-Service-Intro.webp&thumbnail=610,610,&hash=8f26a1e4) Diterbitkan: 02 Agustus 2025 ### Rahasia Tersembunyi Data Science untuk Tim Customer Support (CX) yang Jarang Dibahas! Selengkapnya ](https://rizalconsulting.id/index.php?option=com_content&view=article&id=383:tim-support-berbasis-data-rahasia-efisiensi-kepuasan-pelanggan&catid=15) ## Layanan Kami [ ![Ilustrasi Asisten Virtual](https://rizalconsulting.id/media/yootheme/cache/84/virtual-assistant-a-8477b9db.webp?src=images/2026/06/03/virtual-assistant-a.webp&thumbnail=610,610,&hash=02aa51c8) ### Jasa Asisten Virtual Online untuk Lembaga Pendidikan dan ASN ](https://rizalconsulting.id/index.php?option=com_content&view=article&id=456:virtual-assistant&catid=20) [ ![Ilustrasi Pembuatan Aplikasi Berbasis Web](https://rizalconsulting.id/media/yootheme/cache/41/ilustrasi_pembuatan_aplikasi_berbasis_web-414ca725.jpg?src=images/2023/04/ilustrasi_pembuatan_aplikasi_berbasis_web.jpg&thumbnail=610,610,&hash=2a57bca3) ### Jasa Pembuatan Aplikasi Web ](https://rizalconsulting.id/index.php?option=com_content&view=article&id=71:pembuatan-aplikasi-web&catid=20) [ ![Ilustrasi Jasa Backlink DoFollow](https://rizalconsulting.id/media/yootheme/cache/30/ilustrasi-jasa-backlinks-dofollow-308e80f4.webp?src=images/2024/01/09/ilustrasi-jasa-backlinks-dofollow.webp&thumbnail=610,610,&hash=9d6ead52) ### Jasa Backlink dan Guest Posting ](https://rizalconsulting.id/index.php?option=com_content&view=article&id=275:jasa-backlink-dofollow&catid=20)