前言
今日為 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 頁面的用戶體驗