[TIL] supabse에서 하는 google 소셜 로그인

JongYeon·2025년 4월 9일

TIL

목록 보기
57/69
post-thumbnail

1️⃣ google cloud에서 환경 설정






승인된 리디렉션 URL에는 Callback URL을 추가하면된다.

2️⃣ supabase에서 환경 설정


클라이언트ID는 Client IDs에
클라이언트 보안 비밀번호는 Client Secret에 넣어주면된다.

Enable Sign in with Google을 버튼을 활성화 하고 최하단에 save버튼을 누르면 환경설정이 끝이다.

3️⃣ 로직 작성

  const googleSignin = async () => {
    const { error } = await supabase.auth.signInWithOAuth({
      provider: 'google',
      options: {
        queryParams: {
          access_type: 'offline',
          prompt: 'consent',
        },
      },
    });

    if (error) alert('로그인 중 오류가 발생했습니다. 새로고침 후 다시 로그인해주세요.');
  };
profile
프론트엔드 공부중

0개의 댓글