🐥
NextAuthでGoogleログインを実装する
NextAuthでGoogleログインを実装する
前回の記事でNextAuthのセットアップは完了しました
今回はGoogleログインの実行方法について解説します
アクセスし、プロジェクトの作成を行う
同意画面の作成を行う
ログイン時に出てくる画面のことを指す
:::note info
Usertypeを外部
:::
他はプロジェクトに合わせるだけ
認証に戻り、認証情報の作成→OAuthクライアントの作成に進む
:::note info
「承認済みの JavaScript 生成元」にhttp://localhost:3000を入力します。
「承認済みのリダクレイト URI」にhttp://localhost:3000/api/auth/callback/googleを入力します。
:::
他はプロジェクトに合わせる
:::note warn
この後に出てくるクライアント ID」と「クライアントシークレット」は必ずコピーする
:::
GOOGLE_CLIENT_ID=''
GOOGLE_CLIENT_SECRET=''
にペーストする
コレによりGoogleログインが実装される
Discussion