優化認證流程和頁面導航邏輯

主要變更：
- 擴充 auth.js 新增統一認證方法 (checkPageAuth, initProtectedPage)
- 統一所有頁面使用 authManager 處理認證
- 修正導航流程：登入 → dashboard → 各功能頁面
- 統一 Home 按鈕導向 dashboard.html
- 移除各頁面重複的認證代碼
- 保持 sessionStorage 和 15分鐘自動登出機制

技術改進：
- 減少代碼重複，提升可維護性
- 統一認證邏輯，避免各頁面獨立實作
- 保持開發模式支援 (localhost 自動跳過認證)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/dashboard.html

@@ -316,78 +316,36 @@
     <script src="js/utils.js"></script>
     <script src="js/auth.js"></script>
     <script>
-        // 雙 Supabase 客戶端
+        // 使用統一的 AuthManager
         let supabaseLicense = null;
         let supabaseVersion = null;
-        let isDevMode = false;
 
-        // 初始化
-        async function init() {
+        // 初始化儀表板
+        async function initDashboard() {
             try {
-                // 檢查是否為本地開發環境
-                isDevMode = window.location.hostname === 'localhost' || 
-                           window.location.hostname === '127.0.0.1' ||
-                           window.location.port === '8000' ||
-                           window.location.port === '8080';
-
-                if (isDevMode) {
-                    console.log('🔧 開發模式 - 跳過認證');
-
-                    // 使用統一的用戶資訊更新方式
-                    updateUserInfo('admin@kstools.dev');
-
-                    
-                    // 隱藏載入畫面
-                    document.getElementById('loading-overlay').style.display = 'none';
-                    return;
-                }
-
-                // 生產模式 - 等待配置載入
-                if (!window.APP_CONFIG.CONFIG_LOADED) {
-                    await new Promise(resolve => {
-                        window.addEventListener('configLoaded', resolve, { once: true });
-                    });
-                }
-
-                // 初始化雙 Supabase 客戶端
-                if (window.APP_CONFIG.SUPABASE_LICENSE_URL && window.APP_CONFIG.SUPABASE_LICENSE_ANON_KEY) {
-                    supabaseLicense = supabase.createClient(
-                        window.APP_CONFIG.SUPABASE_LICENSE_URL,
-                        window.APP_CONFIG.SUPABASE_LICENSE_ANON_KEY
-                    );
-                }
-
-                if (window.APP_CONFIG.SUPABASE_VERSION_URL && window.APP_CONFIG.SUPABASE_VERSION_ANON_KEY) {
-                    supabaseVersion = supabase.createClient(
-                        window.APP_CONFIG.SUPABASE_VERSION_URL,
-                        window.APP_CONFIG.SUPABASE_VERSION_ANON_KEY
-                    );
-                }
-
-                // 檢查登入狀態
-                if (!supabaseLicense) {
-                    window.location.href = '/login.html';
-                    return;
-                }
+                // 初始化雙 Supabase 客戶端（如果需要）
+                if (window.APP_CONFIG?.CONFIG_LOADED) {
+                    if (window.APP_CONFIG.SUPABASE_LICENSE_URL && window.APP_CONFIG.SUPABASE_LICENSE_ANON_KEY) {
+                        supabaseLicense = window.supabase?.createClient(
+                            window.APP_CONFIG.SUPABASE_LICENSE_URL,
+                            window.APP_CONFIG.SUPABASE_LICENSE_ANON_KEY
+                        );
+                    }
 
-                const { data: { session } } = await supabaseLicense.auth.getSession();
-                if (!session) {
-                    window.location.href = '/login.html';
-                    return;
+                    if (window.APP_CONFIG.SUPABASE_VERSION_URL && window.APP_CONFIG.SUPABASE_VERSION_ANON_KEY) {
+                        supabaseVersion = window.supabase?.createClient(
+                            window.APP_CONFIG.SUPABASE_VERSION_URL,
+                            window.APP_CONFIG.SUPABASE_VERSION_ANON_KEY
+                        );
+                    }
                 }
 
-                // 使用統一的用戶資訊更新方式
-                updateUserInfo(session.user.email);
-
                 // 載入統計資料
                 await loadDashboardStats();
 
-                // 隱藏載入畫面
-                document.getElementById('loading-overlay').style.display = 'none';
-
             } catch (error) {
-                console.error('初始化失敗:', error);
-                Utils.showError('系統初始化失敗，請重新整理頁面');
+                console.error('儀表板初始化失敗:', error);
+                Utils.showError('載入統計資料失敗');
             }
         }
 
@@ -395,7 +353,7 @@
         async function loadDashboardStats() {
             try {
                 // 開發模式使用模擬資料
-                if (isDevMode) {
+                if (window.authManager?.isDevMode) {
                     const mockLicenseStats = {
                         total: 25,
                         active: 18,
@@ -553,43 +511,26 @@
             }
         }
 
-        // 統一的用戶資訊更新
-        function updateUserInfo(email) {
-            const userInfo = document.getElementById('userInfo');
-            if (userInfo) {
-                userInfo.innerHTML = `
-                    <div class="user-profile">
-                        <span class="user-email">${email}</span>
-                        <button class="btn btn-sm btn-secondary" onclick="logout()">
-                            <i class="fas fa-sign-out-alt"></i>
-                            登出
-                        </button>
-                    </div>
-                `;
-            }
-        }
-
-        // 登出
+        // 使用 authManager 的登出方法
         async function logout() {
-            // 開發模式直接跳轉
-            if (isDevMode) {
-                console.log('🔧 開發模式 - 模擬登出');
-                window.location.href = '/login.html';
-                return;
-            }
-            
-            if (!supabaseLicense) return;
-            
-            try {
-                await supabaseLicense.auth.signOut();
-                window.location.href = '/login.html';
-            } catch (error) {
-                console.error('登出失敗:', error);
+            if (window.authManager) {
+                await window.authManager.handleLogout();
             }
         }
 
-        // 頁面載入時初始化
-        document.addEventListener('DOMContentLoaded', init);
+        // 頁面載入時使用統一認證初始化
+        document.addEventListener('DOMContentLoaded', async () => {
+            if (window.authManager) {
+                await window.authManager.initProtectedPage('dashboard', initDashboard);
+            } else {
+                // 等待 authManager 載入
+                window.addEventListener('supabaseReady', async () => {
+                    if (window.authManager) {
+                        await window.authManager.initProtectedPage('dashboard', initDashboard);
+                    }
+                });
+            }
+        });
     </script>
 </body>
 </html>

frontend/index.html

@@ -89,6 +89,12 @@
         </div>
 
         <ul class="nav-menu">
+            <li class="nav-item">
+                <a href="/dashboard.html" class="nav-link">
+                    <i class="fas fa-home"></i>
+                    <span>返回主控台</span>
+                </a>
+            </li>
             <li class="nav-item active" data-page="dashboard">
                 <a href="#" class="nav-link">
                     <i class="fas fa-chart-line"></i>
@@ -148,9 +154,6 @@
                 <button class="mobile-menu-btn" id="mobileMenuBtn">
                     <i class="fas fa-bars"></i>
                 </button>
-                <button class="btn btn-sm btn-outline" onclick="window.location.href='/dashboard.html'" title="回到主控台">
-                    <i class="fas fa-home"></i>
-                </button>
                 <h1 id="pageTitle">系統儀表板</h1>
             </div>
             <div class="header-right">
@@ -210,72 +213,29 @@
     <script>
         // 手機選單事件由 app.js 統一處理
 
-        // 簡化初始化
-        document.addEventListener('DOMContentLoaded', () => {
-            console.log('🚀 主頁面初始化');
-            
-            // 檢查是否為開發環境
-            const isDevMode = window.location.hostname === 'localhost' || 
-                            window.location.hostname === '127.0.0.1';
-            
-            if (isDevMode) {
-                console.log('🔧 開發模式 - 直接啟動應用');
-                // 開發模式直接啟動
-                setTimeout(() => {
-                    const loadingOverlay = document.getElementById('loading-overlay');
-                    if (loadingOverlay) {
-                        loadingOverlay.classList.add('hidden');
-                    }
-                    
-                    if (window.app) {
-                        window.app.init().catch(console.error);
-                    }
-                }, 1000);
-                return;
+        // 統一使用 authManager 初始化
+        document.addEventListener('DOMContentLoaded', async () => {
+            console.log('🚀 授權管理頁面初始化');
+
+            // 初始化應用的函數
+            async function initApp() {
+                if (window.app) {
+                    await window.app.init();
+                    window.app.restoreSidebarState();
+                }
             }
-            
-            // 正式環境才等待 AuthManager 準備好
-            setTimeout(() => {
-                const loadingOverlay = document.getElementById('loading-overlay');
-                
-                try {
-                    if (window.authManager?.initialized && window.authManager.isAuthenticated()) {
-                        console.log('✅ 用戶已認證，啟動應用');
-                        if (window.app) {
-                            window.app.init().then(() => {
-                                // 應用啟動成功後隱藏載入動畫
-                                if (loadingOverlay) {
-                                    loadingOverlay.classList.add('hidden');
-                                }
-                                window.app.restoreSidebarState();
-                            }).catch(error => {
-                                console.error('❌ 應用啟動失敗:', error);
-                                // 即使失敗也要隱藏載入動畫
-                                if (loadingOverlay) {
-                                    loadingOverlay.classList.add('hidden');
-                                }
-                            });
-                        } else {
-                            // 沒有 app 對象也要隱藏載入動畫
-                            if (loadingOverlay) {
-                                loadingOverlay.classList.add('hidden');
-                            }
-                        }
-                    } else {
-                        console.log('⚠️ 等待認證或重定向');
-                        // 如果未認證，也要隱藏載入動畫（因為會重定向）
-                        if (loadingOverlay) {
-                            loadingOverlay.classList.add('hidden');
-                        }
-                    }
-                } catch (error) {
-                    console.error('❌ 初始化過程出錯:', error);
-                    // 出錯時也要隱藏載入動畫
-                    if (loadingOverlay) {
-                        loadingOverlay.classList.add('hidden');
+
+            // 使用 authManager 的統一認證
+            if (window.authManager) {
+                await window.authManager.initProtectedPage('index', initApp);
+            } else {
+                // 等待 authManager 載入
+                window.addEventListener('supabaseReady', async () => {
+                    if (window.authManager) {
+                        await window.authManager.initProtectedPage('index', initApp);
                     }
-                }
-            }, 3000);
+                });
+            }
         });
     </script>
 </body>

frontend/js/auth.js

@@ -339,10 +339,9 @@ class AuthManager {
     }
     
     redirectToDashboard() {
-        console.log('🔄 重定向到後台首頁');
-        if (window.location.pathname.includes('login.html')) {
-            window.location.href = '/';
-        }
+        console.log('🔄 重定向到儀表板頁面');
+        // 統一導向到 dashboard.html
+        window.location.href = '/dashboard.html';
     }
     
     updateAuthUI() {
@@ -428,6 +427,93 @@ class AuthManager {
         });
     }
     
+    // 統一的頁面認證檢查方法
+    async checkPageAuth(pageName = 'protected') {
+        console.log(`🔐 檢查頁面認證: ${pageName}`);
+
+        // 開發模式直接通過
+        if (this.isDevMode) {
+            console.log('🔧 開發模式 - 跳過認證檢查');
+            this.updateAuthUI();
+            return true;
+        }
+
+        // 等待初始化完成
+        if (!this.initialized) {
+            console.log('⏳ 等待 AuthManager 初始化...');
+            await new Promise(resolve => {
+                const checkInit = setInterval(() => {
+                    if (this.initialized) {
+                        clearInterval(checkInit);
+                        resolve();
+                    }
+                }, 100);
+                // 最多等待 5 秒
+                setTimeout(() => {
+                    clearInterval(checkInit);
+                    resolve();
+                }, 5000);
+            });
+        }
+
+        // 檢查認證狀態
+        if (!this.isAuthenticated()) {
+            console.log('❌ 用戶未登入，重定向到登入頁');
+            this.redirectToLogin();
+            return false;
+        }
+
+        console.log('✅ 認證檢查通過');
+        this.updateAuthUI();
+        this.startActivityMonitoring();
+        return true;
+    }
+
+    // 初始化受保護頁面
+    async initProtectedPage(pageName, callback) {
+        console.log(`🚀 初始化受保護頁面: ${pageName}`);
+
+        // 先隱藏載入畫面
+        const loadingOverlay = document.getElementById('loading-overlay');
+
+        try {
+            // 檢查認證
+            const isAuth = await this.checkPageAuth(pageName);
+
+            if (isAuth) {
+                // 認證通過，執行頁面特定的初始化
+                if (callback && typeof callback === 'function') {
+                    await callback();
+                }
+            }
+        } catch (error) {
+            console.error('❌ 頁面初始化失敗:', error);
+            Utils.showError('頁面載入失敗，請重新整理');
+        } finally {
+            // 無論成功或失敗都隱藏載入畫面
+            if (loadingOverlay) {
+                loadingOverlay.style.display = 'none';
+            }
+        }
+    }
+
+    // 統一的登出方法（增加清理和重定向）
+    async handleLogout() {
+        try {
+            const result = await this.logout();
+            if (result.success) {
+                Utils.showSuccess('登出成功');
+                this.redirectToLogin();
+            } else {
+                Utils.showError('登出失敗');
+            }
+        } catch (error) {
+            console.error('登出錯誤:', error);
+            // 即使出錯也重定向到登入頁
+            this.redirectToLogin();
+        }
+    }
+
     // Development helper
     setSupabaseConfig(url, anonKey) {
         Utils.setStorage('supabaseConfig', { url, anonKey });

frontend/versions.html

@@ -773,7 +773,7 @@
                 <button class="mobile-menu-btn" id="mobileMenuBtn">
                     <i class="fas fa-bars"></i>
                 </button>
-                <button class="btn btn-sm btn-outline" onclick="window.location.href='/dashboard.html'" title="回到主控台">
+                <button class="btn btn-sm btn-outline" onclick="window.location.href='/dashboard.html'" title="回到儀表板">
                     <i class="fas fa-home"></i>
                 </button>
                 <h1 id="pageTitle">版本列表</h1>
@@ -835,30 +835,19 @@
 
             async init() {
                 console.log('🚀 初始化版本管理應用...');
-                
-                // 檢查開發模式
-                this.isDevMode = window.location.hostname === 'localhost' ||
-                               window.location.hostname === '127.0.0.1';
 
-                if (this.isDevMode) {
-                    console.log('🔧 開發模式啟用');
-                    this.setupEventListeners();
-                    this.updateUserInfo('admin@kstools.dev');
-                    this.loadPageContent('versions');
-                } else {
-                    // 生產模式初始化
-                    await this.initSupabase();
-                    await this.checkAuth();
-                }
+                // 使用 authManager 的開發模式狀態
+                this.isDevMode = window.authManager?.isDevMode || false;
+
+                // 初始化 Supabase
+                await this.initSupabase();
 
-                // 設定頁面切換
+                // 設定事件監聽和頁面導航
+                this.setupEventListeners();
                 this.setupPageNavigation();
-                
-                // 隱藏載入畫面
-                const loadingOverlay = document.getElementById('loading-overlay');
-                if (loadingOverlay) {
-                    loadingOverlay.style.display = 'none';
-                }
+
+                // 載入預設頁面
+                this.loadPageContent('versions');
             }
 
             async initSupabase() {
@@ -883,37 +872,6 @@
                 }
             }
 
-            async checkAuth() {
-                if (!this.supabaseLicense) {
-                    window.location.href = '/login.html';
-                    return;
-                }
-
-                const { data: { session } } = await this.supabaseLicense.auth.getSession();
-                if (!session) {
-                    window.location.href = '/login.html';
-                    return;
-                }
-
-                this.updateUserInfo(session.user.email);
-                this.setupEventListeners();
-                this.loadPageContent('versions');
-            }
-
-            updateUserInfo(email) {
-                const userInfo = document.getElementById('userInfo');
-                if (userInfo) {
-                    userInfo.innerHTML = `
-                        <div class="user-profile">
-                            <span class="user-email">${email}</span>
-                            <button class="btn btn-sm btn-secondary" onclick="versionApp.logout()">
-                                <i class="fas fa-sign-out-alt"></i>
-                                登出
-                            </button>
-                        </div>
-                    `;
-                }
-            }
 
             setupEventListeners() {
                 // 手機選單功能
@@ -1642,19 +1600,8 @@
             }
 
             async logout() {
-                if (this.isDevMode) {
-                    console.log('🔧 開發模式 - 模擬登出');
-                    window.location.href = '/login.html';
-                    return;
-                }
-                
-                if (this.supabaseLicense) {
-                    try {
-                        await this.supabaseLicense.auth.signOut();
-                        window.location.href = '/login.html';
-                    } catch (error) {
-                        console.error('登出失敗:', error);
-                    }
+                if (window.authManager) {
+                    await window.authManager.handleLogout();
                 }
             }
 
@@ -1768,11 +1715,22 @@
         // 全域實例
         let versionApp;
 
-        // 頁面載入時初始化
+        // 頁面載入時使用統一認證初始化
         document.addEventListener('DOMContentLoaded', async () => {
             console.log('🚀 版本管理系統初始化');
             versionApp = new VersionApp();
-            await versionApp.init();
+
+            // 使用 authManager 的統一認證
+            if (window.authManager) {
+                await window.authManager.initProtectedPage('versions', () => versionApp.init());
+            } else {
+                // 等待 authManager 載入
+                window.addEventListener('supabaseReady', async () => {
+                    if (window.authManager) {
+                        await window.authManager.initProtectedPage('versions', () => versionApp.init());
+                    }
+                });
+            }
         });
 
         // 手機選單功能由 VersionApp 統一處理