前言

今日為 CRM App 做咗幾個重要更新,包括加強用戶認證安全、優化設定頁面,以及實現完整的多語言支援。

🔐 MFA 雙重驗證登入

新嘅 Login 頁面支援 MFA (Multi-Factor Authentication),為帳戶安全提供多一層保障。

主要功能:

  • Sign Up — 新用戶註冊,系統自動發送驗證 email
  • Sign In — 已註冊用戶直接登入
  • MFA 驗證 — 當帳戶啟用 MFA 時,輸入 email + password 後需要再輸入一次性驗證碼
  • 驗證成功後自動跳轉 到主頁

技術實現:

使用 Supabase Auth 的 MFA API,支援 TOTP (Time-based One-Time Password) 驗證器 apps。


⚙️ Settings 頁面大改版

Settings 頁面從頭重新設計,提供更清晰嘅設置體驗。

涵蓋範圍:

  • 個人資料設置
  • 通知偏好設定
  • 安全設置 (MFA 管理)
  • 語言切換
  • 主題設定

🌐 多語言支援 (i18n)

為 CRM App 新增完整嘅繁體/簡體/英文三語支援。

翻譯覆蓋:

頁面 狀態
Login ✅ 完成
Settings ✅ 完成
導航 Sidebar ✅ 完成
所有 UI Components ✅ 完成

切換方式:

用戶可以直接喺介面右上角選擇語言,即時切換,無需刷新頁面。


📊 技術棧

技術 用途
React 18 前端框架
TypeScript 類型安全
Supabase Auth 用戶認證 + MFA
i18next 多語言國際化

下一步

  • 完善其餘頁面的多語言翻譯
  • 加入更多 MFA 驗證方式 (SMS, Email)
  • 優化 Settings 頁面的用戶體驗