DASAR WEB HACKING (DASAR KEAMANAN SIBER)

 

Tutorial Dasar Web Hacking: Belajar Serangan dan Pencegahan XSS Langkah demi Langkah

Dasar Keamanan Siber


🔍 Apa Itu Web Hacking?

Web Hacking adalah aktivitas mengeksploitasi kelemahan sistem aplikasi web untuk mendapatkan akses tidak sah. Tujuannya bisa bervariasi, mulai dari pencurian data hingga sekadar unjuk kemampuan.


🎯 Tujuan Serangan Web Hacking

  • 💰 Keuntungan Finansial: mencuri kartu kredit, data rekening, dll.

  • 🕵️ Espionase: mengakses data sensitif organisasi.

  • 📢 Hacktivism: menyuarakan pesan politik/sosial.

  • 🧠 Tantangan: sekadar mencoba kemampuan teknis.

  • 😠 Balas Dendam: merusak reputasi atau sistem.


🛠️ Jenis-Jenis Web Hacking

Berdasarkan Target:

  • Website Hacking: Menargetkan tampilan situs.

  • Application Hacking: Mengeksploitasi logic aplikasi.

  • Client-Side Hacking: Menyerang browser pengguna.

  • Server-Side Hacking: Mengakses server tempat situs disimpan.

Berdasarkan Metode:

  • SQL Injection

  • Cross-Site Scripting (XSS)

  • Cross-Site Request Forgery (CSRF)

  • File Inclusion

  • Buffer Overflow


🔧 Teknik Umum dalam Web Hacking

  1. Reconnaissance: Mencari info tentang target (IP, subdomain, dll).

  2. Scanning: Mendeteksi port terbuka dan celah.

  3. Exploitation: Mengeksploitasi celah keamanan.

  4. Post-Exploitation: Mempertahankan akses, mencuri data, dll.


⚠️ Praktek: Serangan XSS Sederhana

Langkah 1: Siapkan XAMPP

  1. Unduh dan install XAMPP dari https://www.apachefriends.org

  2. Buka XAMPP Control Panel, lalu aktifkan Apache


Langkah 2: Buat File PHP

  1. Buka folder C:\xampp\htdocs\

  2. Buat file baru bernama xss.php , lalu buka di visual studio code

  3. Isi dengan kode berikut:

<!DOCTYPE html>
<html lamg="en">
<head>
    <meta charset="UTF-8">
    <title>Teknik Serangan XSS</title>
</head>
<body>
    <h1>Teknik Serangan XSS</h1>
    <form action="xss.php" method="post">
        Nama: <input type="text" name="nama"><br>
        Pesan: <textarea name="pesan"></textarea><br>
        <input type="submit" value="Submit">
    </form>
    <h2>Pesan:</h2>
    <div id="pesan">
        <?php
        if (isset($_POST['nama']) && isset($_POST['pesan'])) {
            $name = $_POST['nama'];
            $pesan = $_POST['pesan'];
            echo "<p><strong>$name</strong>: $pesan</p>";
        }
        ?>
    </div>
</body>
</html>


Langkah 3: Jalankan di Browser

  1. Buka browser, akses http://localhost/xss.php

  2. Masukkan input berikut di kolom "Nama":

<script>alert('Hacked!');</script>
  1. Hasil: Akan muncul pop-up "Hacked!"
    ➡️ Ini menunjukkan halaman kamu rentan terhadap serangan XSS.


✅ Cara Mencegah Serangan XSS

Langkah 4: Perbaiki Kode PHP

Ganti kode anda menjadi seperti dibawah ini:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Teknik Serangan XSS</title>
</head>
<body>
    <h1>Teknik Serangan XSS</h1>
    <form action="xss.php" method="post">
        Nama: <input type="text" name="nama"><br>
        Pesan: <textarea name="pesan"></textarea><br>
        <input type="submit" value="Submit">
    </form>
    <h2>Pesan:</h2>
    <div id="pesan">
        <?php
        if (isset($_POST['nama']) && isset($_POST['pesan'])) {
            // Mencegah XSS dengan htmlspecialchars()
            $name = htmlspecialchars($_POST['nama']);
            $pesan = htmlspecialchars($_POST['pesan']);
            echo "<p><strong>$name</strong>: $pesan</p>";
        }
        ?>
    </div>
</body>
</html>

Penjelasan:

Fungsi htmlspecialchars() akan mengubah karakter khusus seperti <, >, " menjadi bentuk aman sehingga JavaScript tidak dijalankan oleh browser.


🔁 Uji Ulang

  1. Simpan file

  2. Muat ulang http://localhost/xss.php

  3. Masukkan kembali "<script>alert('Hacked!');</script>"

  4. Hasil: Tidak ada pop-up! — Halaman kini aman dari XSS.


📌 Dampak Serangan XSS

  • 🔓 Mencuri cookie/session pengguna

  • 🪝 Phishing lewat halaman palsu

  • 💀 Modifikasi konten situs

  • 📤 Pencurian data pribadi


TERIMAKASIH

Komentar

Postingan populer dari blog ini

TUTORIAL ERP ODOO (ENTERPRISE RESOURCE PLANNING)

Pengenalan MongoDB (Database Advance)

GETTING STARTED WITH MATPLOTLIB & SEABORN (BIG DATA & BUSSINESS INTELLIGENCE)