本文へ移動

§04-02Auth

ソーシャルログイン

外部アカウントで登録とログインを済ませる。

既に持っている外部アカウントで登録とログインができ、新しいパスワードを作らせない。登録の離脱を減らしたい入口に効く。

実装のポイント

各プロバイダーの認可エンドポイントへ state と PKCE の code_challenge を付けてリダイレクトする。戻り先で state を検証して CSRF を防ぐ。

特徴
  • モック
デモで使っているもの
  • lucide-react

このパターンが効く目的