Update index.html

index.html

@@ -761,8 +761,19 @@
     <script>
         // 全局變量
         let currentCaptcha = '';
-        const VALID_USERNAME = 'ROOT2025';
-        const VALID_PASSWORD = '123456';
+        // 使用SHA-256
+        const VALID_USERNAME_HASH = '8b3404dd5f3ff5c6a8c8fbd8b4a2c39c7bdf67fe31c1a46c1b63a2ed59e6d7b8';  
+        const VALID_PASSWORD_HASH = '8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92'; 
+
+        // SHA-256 雜湊函數
+        async function sha256(text) {
+            const encoder = new TextEncoder();
+            const data = encoder.encode(text);
+            const hash = await crypto.subtle.digest('SHA-256', data);
+            const hashArray = Array.from(new Uint8Array(hash));
+            const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
+            return hashHex;
+        }
 
         // 生成驗證碼
         function generateCaptcha() {
@@ -798,8 +809,8 @@
             errorDiv.style.display = 'none';
         }
 
-        // 處理登入
-        function handleLogin(event) {
+        // 處理登入 (使用雜湊驗證)
+        async function handleLogin(event) {
             event.preventDefault();
             
             const username = document.getElementById('username').value.trim();
@@ -820,28 +831,37 @@
                 return;
             }
 
-            // 驗證帳號密碼
-            if (username !== VALID_USERNAME || password !== VALID_PASSWORD) {
-                showError('帳號或密碼錯誤');
-                generateCaptcha(); // 重新生成驗證碼
-                document.getElementById('captcha').value = '';
-                return;
-            }
+            try {
+                // 計算輸入的帳號密碼雜湊值
+                const usernameHash = await sha256(username);
+                const passwordHash = await sha256(password);
+
+                // 驗證帳號密碼雜湊 (使用動態計算的正確雜湊值)
+                if (usernameHash !== window.CORRECT_USERNAME_HASH || passwordHash !== window.CORRECT_PASSWORD_HASH) {
+                    showError('帳號或密碼錯誤');
+                    generateCaptcha(); // 重新生成驗證碼
+                    document.getElementById('captcha').value = '';
+                    return;
+                }
 
-            // 登入成功
-            showSuccess('登入成功，正在跳轉...');
-            
-            setTimeout(() => {
-                // 隱藏登入頁面
-                document.getElementById('loginContainer').classList.add('hidden');
+                // 登入成功
+                showSuccess('登入成功，正在跳轉...');
                 
-                // 顯示主系統
                 setTimeout(() => {
-                    document.getElementById('loginContainer').style.display = 'none';
-                    document.getElementById('mainContainer').style.display = 'block';
-                    document.getElementById('logoutButton').style.display = 'block';
-                }, 500);
-            }, 1000);
+                    // 隱藏登入頁面
+                    document.getElementById('loginContainer').classList.add('hidden');
+                    
+                    // 顯示主系統
+                    setTimeout(() => {
+                        document.getElementById('loginContainer').style.display = 'none';
+                        document.getElementById('mainContainer').style.display = 'block';
+                        document.getElementById('logoutButton').style.display = 'block';
+                    }, 500);
+                }, 1000);
+            } catch (error) {
+                showError('系統錯誤，請稍後再試');
+                console.error('雜湊計算錯誤:', error);
+            }
         }
 
         // 處理登出
@@ -895,14 +915,29 @@
             iframe.style.display = 'block';
         }
 
+        // 計算並顯示正確的雜湊值 (僅供開發驗證使用)
+        async function calculateCorrectHashes() {
+            const usernameHash = await sha256('ROOT2025');
+            const passwordHash = await sha256('123456');
+            console.log('正確的帳號雜湊值:', usernameHash);
+            console.log('正確的密碼雜湊值:', passwordHash);
+            
+            // 更新正確的雜湊值
+            window.CORRECT_USERNAME_HASH = usernameHash;
+            window.CORRECT_PASSWORD_HASH = passwordHash;
+        }
+
         // 初始化
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', async function() {
             // 初始化載入動畫
             const iframes = document.querySelectorAll('iframe');
             iframes.forEach(iframe => {
                 iframe.style.display = 'none';
             });
 
+            // 計算正確的雜湊值
+            await calculateCorrectHashes();
+
             // 生成第一個驗證碼
             generateCaptcha();
 
@@ -912,9 +947,9 @@
             });
 
             // Enter 鍵提交登入表單
-            document.getElementById('loginForm').addEventListener('keypress', function(e) {
+            document.getElementById('loginForm').addEventListener('keypress', async function(e) {
                 if (e.key === 'Enter') {
-                    handleLogin(e);
+                    await handleLogin(e);
                 }
             });
         });