本文へ移動

§22-08Security

バックアップコード DL

認証端末を失ったときの予備コードを保存させる。

二要素認証の端末紛失でログインできなくなる事態に備える。認証を強化した結果、締め出しの問い合わせが増える問題に効く。

実装のポイント

コードは一度だけ表示し、DL・コピー・印刷の手段を揃える。再生成で旧コードが無効になることを確認ダイアログで明示する。

特徴
  • 状態管理
デモで使っているもの
  • shadcn/ui
  • lucide-react
  • Clipboard API
  • File API