Firebase Hosting 도메인 연결 후 google authentication 인증 문제

서론

우여곡절 끝에 새 도메인을 연결 했지만 실제 사용 하는 데 문제가 하나 있다.
바로 그나마 만들어 둔 소셜 로그인(google auth)가 제대로 동작하지 않는 다는 점인데,
완전 난감할 수 밖에 없다.

 

본론

증상은 이러하다.
새로 연결 한 도메인으로 블로그에 접속 하는 데 까진 문제가 없지만,
글을 작성하고, 관리하기 위한 로그인 과정에선 문제가 발생한다.

대충 해석하면 '이 도메인은 이 동작을 사용하기 위한 인증이 되지 않았다. 다음으로 가서 추가해라.'
라는 뜻으로 일단은 시키는 대로 해 보는 게 좋다.

'firebase console > auth section > sign in method' 로 이동하자

차근차근 보다 보면 누가 봐도 관련 있어 보이는 부분이 있다.
도메인 추가를 누른 뒤 연결한 도메인을 추가해 주도록 하자.

참고로 firebase console의 버그인지는 모르겠지만 주소를 입력 한 후 '추가' 버튼이 활성화 되지 않는다.
입력 후 '도메인 추가' 버튼을 다시 한 번 클릭하면 '추가' 버튼이 활성화 되니 기억하자.

이것으로 해당 오류는 사라지고 작동도 정상적으로 된다.
다만 정보를 찾다 보니 다른 방식으로 문제를 해결하는 경우도 있는 것으로 보이는데 이 방법은 GCP console에서 진행한다.

'GCP console > API 및 서비스 > 사용자 인증 정보'로 이동해서 OAuth 2.0 클라이언트 아이디를 클릭해 추가 설정으로 진입한다.

그러면 이렇게 URI를 추가 할 수 있는 곳이 있는데 ‘승인된 자바스크립트 원본’과 ‘승인된 리디렉션 URI’ 에 추가해 주면 된다.
아래 승인된 리디렉션 URI 추가의 경우 양식을 맞춰 ‘/__/auth/handler’를 추가하면 된다는데...

솔직히 이게 첫 번째로 찾은 해결책이었는데 별 효과가 없었고, 문제를 해결한 다음에 해당 설정을 파기 해도 문제가 없었던 걸 보니,
아마 해결이 안 되는 경우엔 참고할 만 할 것 같다.

 

결론

나름 어제 밤 부터 신경쓰여서 급하게 해결해 봤다.
역시나 에러를 잘 확인 할 것.

또란 커스텀 도메인을 연결함으로 인해서 멀쩡한 기능들이 고장 나는 경우가 있는 것 같은데,
아마 분명 또 다른 문제가 있을 거다. 눈에 보이는 UI 문제 보다도 이런 부분은 실제로 겪지 않으면 있는지도 모르니
어디서 튀어 나와도 이상하지 않다는 마음가짐으로 편하게 대해 줘야겠다.

그리고 이런 걸 해결하는 게 생각보다 재밌다. 😇

---

Log

2021.07.22.
블로그 이전으로 인한 글 옮김 및 수정.