Google OAuth 프로덕션 모드 전환

Google 로그인을 위해 OAuth 를 적용해놨는데 오늘은 테스트모드를 프로덕션 모드로 전환했다.

계기는 구글 회원 가입 혹은 로그인시 nip.io로 이동되게 한다는 문구가 거슬렸다.

작업의 핵심은 모든 Redirect URI를 HTTPS로 바꾸는것인데

개발단계에선 대부분 내부 IP를 외부에서 접근하게 하기 위해
nip.io 같은 와일드카드 DNS를 사용해서 아래와 같은 URI로 적용을 해놓는다.

Sample : http://192.168.0.99.nip.io:22222

문제는 이게 HTTP라서 Google OAuth 앱에서 프로덕션으로 승인을 하지 않는다.

해결과정은 아래와 같았다.

1.리버스 프록시를 이용해 기존의 내부IP(위의 Sample)에 HTTPS를 적용했다.
2.1에서 작업한 HTTPS 주소로 Supabase 환경변수를 수정했다. (API_EXTERNAL_URL, GOTRUE_EXTERNAL_GOOGLE_REDIRECT_URI)
(여기서 docker-compose.yml에 하드코딩된 값이 .env보다 우선 적용되므로, 반드시 yml 파일도 확인해야 한다. 이것 때문에 1시간 헤맸다)
3.Google Cloud Console 업데이트
메뉴)구글클라우드 > API 및 서비스 > OAuth 동의 화면 > 클라이언트 > OAuth 2.0 클라이언트 ID 목록 선택 화면
'승인된 리디렉션 URI'값을 변경했다

변경 전 : http://192.168.0.99.nip.io:22222/auth/v1/callback (예시)
변경 후 : https://auth.sample.com/auth/v1/callback (예시)

4.HTTP URI를 모두 제거하고 "앱 게시" 버튼 클릭

이제 좀 속이 편해졌다.

AI가 변하기 전 사이트의 메뉴를 가지고 있을때가 많아 그대로 따라할 수 없을때가 많다.
이럴땐 화면을 스크린샷 찍어서 주다 보면 찾아줄 때도 있다.

(클로드의 엉터리 답변 샘플)