20222420 2024-2025-1 《網路與系統攻防技術》實驗八實驗報告

1.實驗內容

1.1 近期學習內容簡述

（1）學習了Web前後端的語言的簡介
（2）學習了SQL隱碼攻擊的多個例項，知道了SQL隱碼攻擊的原理
（3）學習了XSS跨站指令碼攻擊的原理和示例
（4）瞭解了CSRF的原理和防範方法
（5）瞭解了Burpsuite等工具

1.2 實驗內容簡述

(1)Web前端HTML
能正常安裝、啟停Apache。理解HTML，理解表單，理解GET與POST方法，編寫一個含有表單的HTML
(2)Web前端javascipt
理解JavaScript的基本功能，理解DOM
在（1）的基礎上，編寫JavaScript驗證使用者名稱、密碼的規則。在使用者點選登陸按鈕後回顯“歡迎+輸入的使用者名稱”
嘗試注入攻擊：利用回顯使用者名稱注入HTML及JavaScript
(3)Web後端：MySQL基礎：正常安裝、啟動MySQL，建庫、建立使用者、修改密碼、建表
(4)Web後端：編寫PHP網頁，連線資料庫，進行使用者認證
(5)最簡單的SQL隱碼攻擊，XSS攻擊測試
(6)安裝DVWA或WebGoat平臺，並完成SQL隱碼攻擊、XSS、CSRF攻擊

2.實驗過程

2.1 Web前端HTML（能正常安裝、啟停Apache。理解HTML，理解表單，理解GET與POST方法，編寫一個含有表單的HTML）

（1）正常安裝、啟停Apache

使用sudo apt install apache2命令自動安裝配置Apache（由於kali自帶，這裡就不展示了）
使用sudo systemctl start apache2命令啟動Apache，使用sudo systemctl status apache2命令檢視Apache狀態
可知已經啟動
瀏覽器瀏覽localhost
可再次確定Apache啟動成功
使用sudo systemctl stop apache2命令關閉Apache，使用sudo systemctl status apache2命令檢視Apache狀態
可知已經關閉

（2）理解HTML，理解表單，理解GET與POST方法，編寫一個含有表單的HTML

在/var/www/html/建立檔案Get_method.html
- 建立一個html檔案在桌面，然後使用命令sudo mv Get_method.html /var/www/html/Get_method.html將其移動到/var/www/html/
- Get_method.html中寫入Get方法的html程式碼
- 訪問http://localhost/Get_method.html並提交資料
  可知，Get方法提交後，資料在URL中可見
在/var/www/html/建立檔案Post_method.html
- 建立一個html檔案在桌面，然後使用命令sudo mv Post_method.html /var/www/html/Post_method.html將其移動到/var/www/html/
- Post_method.html中寫入Post方法的html程式碼
- 訪問http://localhost/Post_method.html並提交資料
  可知，Post方法提交後，資料在URL中不可見，因為資料放在HTTP請求的主體部分（body），不會顯示在URL中。
- 但是抓包還是能抓到明文資料，使用https就會安全很多

（3）總結 GET 方法和 POST 方法

區別	GET 方法	POST 方法
請求目的	從指定的資源請求資料	向指定的資源提交資料以進行處理（例如，建立/更新資源）
請求引數位置	引數附加在URL的末尾（查詢字串）	引數包含在HTTP請求的主體中
資料可見性	引數在URL中可見，可能會被快取和記錄在伺服器日誌中	引數在HTTP請求主體中，相對不那麼容易被直接訪問或記錄
資料大小限制	通常受限於URL長度和伺服器配置（較短）	無嚴格限制，取決於伺服器配置（較長）
安全性	不太安全，因為引數在URL中可見	相對更安全，因為引數不在URL中，但需要使用HTTPS來確保資料傳輸的安全性
瀏覽器書籤	可以將請求URL書籤化	無法直接書籤化POST請求的URL
快取	瀏覽器和某些中介軟體可能會快取GET請求的響應	POST請求的響應通常不會被快取
使用場景	適用於請求資料而不改變伺服器狀態的操作（例如，搜尋查詢）	適用於提交資料以改變伺服器狀態的操作（例如，表單提交）

2.2 Web前端javascipt（理解JavaScript的基本功能，理解DOM；在（1）的基礎上，編寫JavaScript驗證使用者名稱、密碼的規則。在使用者點選登陸按鈕後回顯“歡迎+輸入的使用者名稱”；嘗試注入攻擊：利用回顯使用者名稱注入HTML及JavaScript）

在/var/www/html/建立檔案Post_JS.html
Post_JS.html中寫入Post方法的html程式碼

點選檢視程式碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register: POST JS 20222420</title>
    <style>
        /* 簡單的樣式，用於顯示歡迎資訊 */
        #welcomeMessage {
            color: green;
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Register: POST JS 20222420 </h1>
    <form id="myForm" action="/submit" method="post">
        <label for="username">Username:</label>
        <input type="text" id="username" name="username" required>
        <br><br>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password" required>
        <br><br>
        <button type="submit">Submit</button>
    </form>
    <p id="welcomeMessage"></p> <!-- 用於顯示歡迎資訊的元素 -->

    <script>
        // 獲取表單元素
        const form = document.getElementById('myForm');
        const usernameInput = document.getElementById('username');
        const passwordInput = document.getElementById('password');

        // 新增事件監聽器
        form.addEventListener('submit', function(event) {
            // 阻止表單的預設提交行為
            event.preventDefault();

            // 獲取使用者輸入
            const username = usernameInput.value.trim();
            const password = passwordInput.value.trim();

            // 驗證使用者名稱和密碼
            const usernameValid = username.length >= 5;
            const passwordValid = password.length >= 8 && /\d/.test(password);

            // 如果驗證透過
            if (usernameValid && passwordValid) {
                // 顯示歡迎資訊
                document.write('歡迎' + username);

            } else {
                // 如果驗證失敗
                alert('使用者名稱必須至少包含5個字元，密碼必須至少包含8個字元且包含至少一個數字。');
            }
        });
    </script>
</body>
</html>

驗證“JavaScript驗證使用者名稱、密碼格式”的功能。驗證在使用者點選按鈕後回顯“歡迎+輸入的使用者名稱”的功能。
- 使用者名稱符合，但密碼未含數字
  我只設定了一個提示資訊，所以使用者名稱和密碼均提醒了
- 使用者名稱長度不夠，密碼符合
  我只設定了一個提示資訊，所以使用者名稱和密碼均提醒了
- 使用者名稱、密碼格式均符合，回顯“歡迎+輸入的使用者名稱”
注入攻擊：利用回顯使用者名稱注入HTML及JavaScript
使用者名稱輸入<script>alert('你被20222420攻擊了！')</script> <h1>你被20222420攻擊了</h1>
- JavaScript效果
- HTML效果

2.3 Web後端（MySQL基礎：正常安裝、啟動MySQL，建庫、建立使用者、修改密碼、建表）

（1）安裝

使用sudo apt install mariadb-server命令自動安裝配置即可，mariadb-server適用於需要儲存和管理大量資料的場景。由於kali自帶了mariadb，這裡就不展示了

（2）啟動並驗證，並登入

使用systemctl start mysql啟動，systemctl status mysql驗證
disable是指未設定開機自啟動，但其是啟動了的、在執行的
登入，使用sudo mysql -uroot -p，輸入mysql的密碼時直接輸入“回車”

（3）建庫並驗證

使用create database test;建立名為test的資料庫例項，然後使用show databases;驗證

（4）建立使用者並驗證

使用CREATE USER 'test'@'%' IDENTIFIED BY 'test';，還可以將test資料庫例項的許可權授予test使用者

（5）修改密碼

使用ALTER USER 'test'@'%' IDENTIFIED BY 'change';

（6）建表並使用、驗證

使用CREATE TABLE testTable (id INT AUTO_INCREMENT PRIMARY KEY,name VARCHAR(255) NOT NULL);可以建立一個表並設定了主鍵
新增資料到表，只需要新增到name，主鍵會自動遞增新增
INSERT INTO testTable (name) VALUES ('Alice');
`INSERT INTO testTable (name) VALUES ('Bob');``
檢視、驗證表
使用select * from testTable;，可知表建立成功併成功新增了資料

2.4 Web後端：編寫PHP網頁，連線資料庫，進行使用者認證

root使用者建立user_auth資料庫例項，並建立表users、插入資料
- 建立user_auth資料庫例項
- 進入例項，建立表users，CREATE TABLE users (id INT AUTO_INCREMENT PRIMARY KEY,username VARCHAR(50) NOT NULL,password VARCHAR(50) NOT NULL);
- 修改root密碼，使其不為空（否則後續連不上），並給予其user_auth的許可權（雖然預設root建立者有許可權）
- 插入資料，INSERT INTO users (username, password) VALUES ('testuser', 'testpassword');
編寫PHP網頁