matcha-auth 2FA令牌验证器

企业服务安全服务案例ID：240928

Hill

5 年经验· 广东工业大学工大法智团队

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

Matcha Auth 是一个 Material You 风格的 2FA/TOTP 验证器。它基于 React + Capacitor 构建，支持二维码导入、手动添加、动态验证码刷新、批量导入/导出和 Android 12+ Monet 动态取色。

项目诞生于一个很实际的不满：验证器应用不应该把用户的令牌困在封闭迁移流程里。Matcha Auth 希望让令牌管理更透明、更可控，同时保持移动端使用体验足够顺手。

核心特点
TOTP 生成: 基于标准 otpauth:// URI 和 Base32 secret 生成 6 位动态验证码。
二维码导入: 支持普通 TOTP 二维码。
Google Authenticator Migration: 支持解析 otpauth-migration:// 批量迁移二维码。
批量导出: 可生成迁移二维码，方便在设备之间转移令牌。
本地存储: 令牌数据保存在本地存储中，不依赖云端账号。
搜索与管理: 支持搜索、复制、删除和编辑令牌信息。
Material You 主题: 支持预设色、自定义色和 Android 12+ Monet 动态色。
移动端适配: 使用 Capacitor 支持 Android 相机权限、状态栏和系统返回键。
技术栈
React 19
Capacitor
OTPAuth
jsQR
Framer Motion
Android Dynamic Color / Monet
Vite