✅ Bungie OAuth Provider 설정 예시

 

 

✅ Bungie OAuth Provider 설정 예시

import NextAuth from "next-auth"
import BungieProvider from "next-auth/providers/bungie"

export default NextAuth({
  providers: [
    BungieProvider({
      clientId: process.env.BUNGIE_CLIENT_ID,
      clientSecret: process.env.BUNGIE_CLIENT_SECRET,
    }),
  ],
})

---

📑 환경 변수 설정 (.env)

BUNGIE_CLIENT_ID=your-bungie-client-id
BUNGIE_CLIENT_SECRET=your-bungie-client-secret
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=your-nextauth-secret

---

🌐 Bungie 개발자 설정 절차

1. Bungie 개발자 포털에서 앱 생성
2. OAuth Redirect URL 등록:
3. http://localhost:3000/api/auth/callback/bungie
4. Client ID와 Client Secret을 발급받고 환경 변수에 등록

---

🔄 액세스 토큰 저장 예시

async function jwt({ token, account }) {
  if (account?.provider === "bungie") {
    token.accessToken = account.access_token
  }
  return token
}

async function session({ session, token }) {
  session.accessToken = token.accessToken
  return session
}

---

🧑‍💻 사용자 세션 정보 표시 예시

반응형

import { useSession } from "next-auth/react"

export default function BungieProfile() {
  const { data: session } = useSession()
  return (
    <>
      <p>Signed in as {session?.user?.name}</p>
      <p>Access Token: {session?.accessToken}</p>
    </>
  )
}

---

⚠️ 주의사항

• Bungie의 OAuth 응답에는 사용자 프로필 정보가 제한되어 있으므로,
  별도로 Bungie API를 통해 사용자 정보를 조회해야 할 수 있습니다.
• 클라이언트 인증 범위(scope)는 필요 시 수정 가능 (예: ReadBasicUserProfile 등)

---

 

NextAuth Bungie 로그인, Bungie OAuth 연동, Destiny 로그인 구현, 게임 계정 인증, Bungie API 사용법, Next.js 인증 처리, OAuth 토큰 저장, Bungie 개발자 설정, Bungie 계정 연동, SEO 최적화 10개