本文へ移動

§04-10Auth

アカウント連携

外部サービスとアカウントを接続・解除する。

外部サービスとつなぎ、データの取り込みや通知の連携を利用者自身で設定できる。接続状況を一覧で見せ、不要になった連携を切る場も兼ねる。

実装のポイント

接続は OAuth の認可画面へ遷移し、戻り先で状態を更新する。解除はトークン失効を伴うので確認ダイアログを挟む。

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