🗒️
NextAuthでDiscordのOAuthを設定メモ書き
Next.jsの認証プラグインNextAuthでのDiscordのOAuth設定について、公式ドキュメントの記述が簡潔で門外漢ゆえ延々苦戦したにも関わらず作っているものでは結局使わない可能性大なので備忘録です。
discord側の設定
- アプリを作って
- OAuth2のページ、Redirects欄にhttp://localhost:port/api/auth/callback/discord
コード
- [...nextauth].js NextAuth引数内はサンプルを貼り付けるだけでOK
Providers.Discord({
clientId: process.env.DISCORD_CLIENT_ID,
clientSecret: process.env.DISCORD_CLIENT_SECRET
})
-
app.jsにはimport { Provider } from "next-auth/client";をつけてreturnを<Provider>で囲う
-
ページ上部では`import { NextAuth,signIn, signOut, useSession } from 'next-auth/client'辺りを宣言
-
そして`onClick={() => signIn()}のボタンを設置
Discussion