mannyo 서비스에서 리텐션을 늘리기 위해서 native app 개발에 도전하였습니다.
웹 같은 경우에는 바로 서비스에 접근하는 것이 아닌 링크 입력 또는 검색등
사용자가 서비스로 접근하는데에 있어 앱보다는 슬러지가 많다고 생각했습니다.
문제 상황
그렇게 React+Vite 기반에 웹 서비스를 React Native + Expo 로 확장하는 단계를 거쳤습니다.
저 같은 경우에는 Firebase 에서 제공하는 authentication 을 이용하고 있었는데
IOS 환경 빌드에서는 지속적으로 400 오류가 발생했습니다.
cursor 를 통해서 분석해본 결과 클라이언트 ID와 redirect URL 문제라고하여서 Google cloud console 에서 스키마를 확인하고, redirect URL을 추가했으나 동일한 문제가 발생했습니다.
해결
cursor 가 작업을 진행하는 동안 React-Native 인증 관련 블로그를 읽었는데
expo-auth-session 은 google 로그인에 적합하지 않다는 내용을 찾게 되었다.
react-native-google-sign-in 으로 전환하자 에러를 해결할 수 있었다.
Google은 OAuth 리디렉션 보안 요구사항을 매우 엄격하게 적용하는데,
Expo 기본 exp:// 스킴은 Google 콘솔에 등록하기가 까다롭다.
Expo Go와 Standalone 앱의 redirect URI가 달라 개발 과정에서도 어려움이 발생한다.
따라서 expo-auth-session의 경우에는 redirect URL 을 직접적으로
설정해야되는데 여기서 문제가 발생했다고 생각한다.
반면, react-native-google-sign-in의 경우 Client ID 만 있으면 동작 가능하므로 위에서 말한 오류를 예방 할 수 있다.
