Cross-Site Scripting in PHP

Learn how to fix Cross-Site Scripting (XSS) (CWE-79) in PHP. Side-by-side vulnerable vs secure code examples for htmlspecialchars(), Blade templates, and Twig escaping.

💡 Penjelasan Sederhana (ELI5)

Bayangkan menempelkan catatan pada papan pengumuman umum yang bertuliskan: 'Siapa pun yang membaca ini, serahkan dompet Anda kepada orang di sebelah Anda'. Jika setiap pengunjung secara buta mematuhi catatan tersebut, pelaku dapat mencuri uang semua orang.

Konsep Kunci & Istilah

Web Application Security: Komponen arsitektur utama yang terpengaruh oleh CWE-79.
CWE-79: Klasifikasi standar Common Weakness Enumeration (CWE) untuk xss-php.
Defense-in-Depth: Verifikasi rekayasa berlapis dan isolasi batas waktu proses (runtime).

Alur Serangan Langkah demi Langkah

Step 1

Penyuntikan Payload Skrip Berbahaya

Penyerang menyisipkan tag HTML atau kode JavaScript (misal: <script> atau <img onerror=...>) ke dalam formulir atau URL.

Step 2

Penyajian DOM Tanpa Pelolosan (Escape)

Aplikasi menampilkan input langsung ke halaman HTML tanpa pengkodean entitas HTML sesuai konteks.

Step 3

Parsing & Eksekusi DOM di Peramban Korban

Saat korban mengunjungi halaman, browser menafsirkan karakter yang disuntikkan sebagai kode yang dapat dieksekusi.

Step 4

Pembajakan Sesi & Pencurian Token Akses

Skrip berjalan dalam konteks kredensial korban, mencuri cookie autentikasi dan token penyimpanan lokal.

Kode Sumber: Rentan vs Aman

✕ IMPLEMENTASI RENTAN

// $_GET value echoed with no encoding
echo "<div>Welcome, "
   . $_GET['name'] . "</div>";

✓ PERBAIKAN AMAN & KUAT

// value HTML-encoded before output
echo "<div>Welcome, " . htmlspecialchars(
  $_GET['name'], ENT_QUOTES, 'UTF-8'
) . "</div>";

Daftar Periksa Penguatan Sistem Rekayasa

✓Praktik keamanan yang direkomendasikan: Wrap every value that reaches HTML output in htmlspecialchars($val, ENT_QUOTES, 'UTF-8').
✓Praktik keamanan yang direkomendasikan: Prefer a templating engine that auto-escapes (Twig) over raw PHP templates.
✓Selalu gunakan context-specific encoding for JS/URL contexts, not just HTML.
✓Jalankan a taint-analysis static check in CI to catch regressions automatically.