[React-Native] 구글 소셜로그인 "Development Error" 에러

이슈 발생 상황

 

React Native + Firebase 를 사용하여 구글 소셜 로그인을 구현하고 있었다.

공식 문서의 예시대로 잘 작성하고 아래 구글 로그인 버튼을 눌러 구글 로그인 진행

 

 

사용자 인증까지는 잘 진행되었지만 토큰을 받아오지 못하고 콘솔에 [Developer Error] 로그가 찍힌다.

뭐가 문제지 하고 많은 구글링을 해보았는데 대부분 android 패키징에 사용하는 keystore가 debug 전용 key를 사용해서 발생하는 문제인 것 같았다.

하지만 내 경우는 이 부분은 문제가 없었고 간단한 이슈였다.

혹시 keystore를 잘 세팅해도 문제가 지속되는 분들과 미래의 까먹을 나를 위해 기록한다.

 

---

해결 방법

세팅 방법 중 Firebase에서 다운받은 google-services.json을 android/app 폴더에 위치시켰다.

여기서 우리가 구글 소셜로그인 시 연결할 WebClientId를 얻을 수 있는데 잘 보면 client_id가 굉장히 많다.

나는 여기서 대충 아무거나 가져와서 사용했는데 그러면 안 되고

무조건 client_type이 3인 client_id를 사용해야만 한다.

 

 

이 문제가 아닐 경우 keystore 문제일 가능성이 크니 keystore을 debug.keystore가 아닌 release용 keystore를 생성하고 sha1 키를 얻어 firebase에 재등록해 다시 google-services.json을 바꿔치기하고 시도해 보자!

 

매번 느끼지만 소셜로그인 세팅은 정말 까다롭다..