§22-07Security
二段階認証 setup wizard
QR コードと確認コードで二段階認証を順に設定する。
手順を一つずつ案内するので、認証アプリに慣れていない人でも設定を完了できる。アカウントの重要度が高いサービスの安全設定に使う。
実装のポイント
QR が読めない人向けに秘密鍵の文字列も表示し、テストコードの検証に成功するまで有効化しない。完了後にバックアップコードへ誘導する。
- 特徴
- フォーム
- 状態管理
- デモで使っているもの
- shadcn/ui
- lucide-react
- Clipboard API
- SVG