Kenapa Harus Setup Lingkungan Dulu?

Sebelum belajar keamanan web, kamu butuh "laboratorium" pribadi untuk mencoba kode PHP dan database tanpa takut merusak sesuatu yang penting. Local server adalah komputer sendiri yang difungsikan seperti server sungguhan, sehingga website PHP bisa dijalankan tanpa perlu internet atau hosting. Di modul ini kamu akan menginstal XAMPP, alat yang membundel semua kebutuhan itu jadi satu paket instalasi.

Apa Itu XAMPP?

XAMPP adalah paket software gratis yang berisi Apache (web server), MySQL/MariaDB (database), PHP (bahasa pemrograman), dan Perl, dibungkus jadi satu installer mudah. Dengan XAMPP kamu tidak perlu instal PHP, database, dan web server satu-satu secara manual — cukup satu kali install, semua langsung jalan bersamaan.

Kenapa Bukan Instal Manual?

Bisa saja instal PHP, MySQL, dan Apache terpisah, tapi prosesnya lebih rumit dan rawan salah konfigurasi bagi pemula. XAMPP menyederhanakan itu semua lewat satu control panel yang tinggal klik "Start".

Langkah 1: Download XAMPP

• Buka https://www.apachefriends.org
• Pilih installer sesuai sistem operasi kamu (Windows, macOS, atau Linux)
• Pilih versi PHP terbaru yang tersedia (minimal PHP 8.x, karena versi lama sudah tidak didukung dan punya banyak celah keamanan)

Langkah 2: Instalasi

Windows

• Jalankan file installer .exe yang sudah diunduh
• Jika muncul peringatan antivirus/firewall, klik "Allow" — ini normal karena XAMPP membuka port untuk server
• Pilih komponen minimal: Apache, MySQL, PHP, phpMyAdmin (biarkan default, semua biasanya sudah tercentang)
• Pilih folder instalasi, default C:\xampp sudah cukup baik
• Klik Next sampai selesai, lalu Finish

macOS

• Jalankan file .dmg, ikuti wizard instalasi
• XAMPP akan terpasang di folder /Applications/XAMPP

Linux

• Buka terminal, arahkan ke folder unduhan
• Beri izin eksekusi: chmod +x xampp-linux-installer.run
• Jalankan: sudo ./xampp-linux-installer.run

Langkah 3: Menyalakan Server

Setelah instalasi selesai, buka aplikasi XAMPP Control Panel. Di sana ada daftar modul dengan tombol "Start" di sampingnya. Klik "Start" pada baris Apache dan MySQL — kalau berhasil, background baris tersebut biasanya berubah jadi hijau.

Sekarang buka browser, ketik http://localhost di address bar. Kalau muncul halaman selamat datang XAMPP, berarti web server sudah jalan dengan benar.

Langkah 4: Kenalan dengan Folder htdocs

htdocs adalah folder utama tempat kamu menaruh semua file PHP agar bisa diakses lewat browser. Lokasinya ada di:

• Windows: C:\xampp\htdocs
• macOS: /Applications/XAMPP/xamppfiles/htdocs
• Linux: /opt/lampp/htdocs

Setiap file PHP yang kamu taruh di folder ini bisa diakses lewat http://localhost/nama-file.php.

Langkah 5: Tes PHP Pertamamu

Buat file baru bernama test.php di dalam folder htdocs, isi dengan kode berikut:

<?php
echo "Halo, lingkungan belajarku sudah siap!";
phpinfo();
?>

Buka http://localhost/test.php di browser. Kalau muncul tulisan "Halo, lingkungan belajarku sudah siap!" diikuti tabel informasi panjang tentang konfigurasi PHP, berarti PHP sudah aktif dan siap dipakai.

Langkah 6: Kenalan dengan phpMyAdmin

phpMyAdmin adalah antarmuka berbasis browser untuk mengelola database MySQL tanpa harus mengetik perintah SQL manual di terminal. Akses lewat http://localhost/phpmyadmin. Di sinilah nanti kamu akan membuat database dan tabel untuk latihan-latihan modul selanjutnya, termasuk simulasi SQL Injection.

Masalah Umum dan Solusinya

• Apache tidak mau start / port 80 bentrok: biasanya karena aplikasi lain (seperti Skype atau IIS) memakai port yang sama. Buka XAMPP Control Panel, klik "Config" di baris Apache, ganti port ke misalnya 8080, lalu akses lewat http://localhost:8080.
• MySQL tidak mau start: cek apakah ada aplikasi database lain yang sudah berjalan (misalnya MySQL Workbench dengan service aktif). Matikan service tersebut lalu coba start ulang dari XAMPP.
• Halaman blank saat buka file PHP: pastikan file benar-benar disimpan dengan ekstensi .php, bukan .php.txt, dan pastikan diakses lewat http://localhost/..., bukan dibuka langsung dari File Explorer.

Latihan Praktik

Kerjakan langkah-langkah berikut untuk memastikan lingkungan belajarmu benar-benar siap:

1. Install XAMPP sesuai sistem operasimu, nyalakan Apache dan MySQL.
2. Buat file info.php di folder htdocs berisi kode berikut, lalu akses lewat browser:

   <?php
   $nama = "Nama Kamu";
   $sekarang = date("Y-m-d H:i:s");
   echo "Nama: " . $nama . "<br>";
   echo "Waktu server: " . $sekarang;
   ?>

3. Buka http://localhost/phpmyadmin, buat database baru dengan nama latihan_keamanan (database ini akan kita pakai lagi di modul-modul berikutnya).
4. Screenshot atau catat: apakah semua langkah berhasil tanpa error? Kalau ada error, coba cocokkan dengan bagian "Masalah Umum" di atas sebelum lanjut ke modul berikutnya.

Kalau semua langkah di atas berhasil, lingkungan belajarmu sudah siap. Modul berikutnya akan membahas kenapa keamanan aplikasi web itu penting sebelum kita mulai menulis kode.