수파베이스 구글 로그인 설정

간단 설명

수파베이스 구글 로그인 설정 방법

화면 캡처

수파베이스 설정

https://supabase.com/dashboard/project/lkilgqtvgwnmgkgfhndo/auth/url-configuration

Site URL에 적용할 사이트 주소 입력

 

Google 메뉴에서 Enable Sign in with Google 체크후

수파베이스의 콜백 Url 복사해 놓기

구글 클라우드 콘솔 설정

https://console.cloud.google.com/

https://console.cloud.google.com/welcome/new?project=automatethem-3bd30

좌상단 빵 메뉴 - automatethem - API 및 서비스 - 사용자 인증 정보

 

사용자 인증 정보 만들기 - OAuth 클라이언트 ID

 

https://console.cloud.google.com/apis/credentials/oauthclient/487131381339-u2fm68fv0jk5mp341ive4lhtanpnorjv.apps.googleusercontent.com?project=automatethem-3bd30

승인된 리디렉션 URI 의 URI 1 에 복사해 놓은 수파베이스의 콜백 Url 을 붙여 넣습니다.
URI 1: https://lkilgqtvgwnmgkgfhndo.supabase.co/auth/v1/callback

 

OAuth 클라이언트 ID 선택해 만든후Client ID (for OAuth) 와 Client Secret (for OAuth) 를 따로 복사해 놓습니다

수파베이스 설정

https://supabase.com/dashboard/project/lkilgqtvgwnmgkgfhndo/auth/providers

구글 클라우드 콘솔에서 따로 복사 놓은 Client ID (for OAuth) 와 Client Secret (for OAuth) 를 수파베이스 구글 설정에 입력

상세 설명

수파베이스 구글 로그인 설정 방법

장점

단점

 

앱 주소

강의 동영상

 

리뷰 동영상

태그

 

#수파베이스, #구글 로그인, #설정 방법

 

수파베이스, 구글 로그인, 설정 방법

작성자

 

크랜베리 Ai - 수익성 앱과 생산성 앱 리뷰
https://www.automatethem.co

참고 자료

supabase 소셜로그인 (구글 로그인)
https://velog.io/@jntantmsemt/supabase-%EC%86%8C%EC%85%9C%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%EA%B8%80-%EB%A1%9C%EA%B7%B8%EC%9D%B8

Sns

https://automatethem.tistory.com/293

 

https://blog.naver.com/automatethem/223630681229

 

https://automate-them.blogspot.com/2024/10/blog-post_23.html

관리

https://github.com/automatethem-prod-web/navbar-menu-sidepanel-login-web-app

 

https://github.com/automatethem-prod-web/navbar-menu-sidepanel-login-user-dropdown-web-app