Expo와 Supabase Auth 연동 시 redirectTo가 localhost로 설정되는 문제를 --tunnel 플래그로 해결하는 방법

Context

Expo 모바일 앱에서 Supabase를 백엔드로 사용 시, Supabase Auth URL Configuration에 redirect URL을 exp:///auth/callback으로 설정함에도 비밀번호 재설정 이메일의 redirectTo 주소가 localhost로 표시되는 문제가 발생한다. 이 현상은 Expo Go에서 로컬 개발 서버를 기본 방식으로 실행할 때 나타난다.

Technical Solution

• Supabase Auth → URL Configuration의 redirect URL을 exp:///auth/callback으로 사전 설정
• Expo 개발 서버 실행 시 → 기본 로컬 호스트 대신 npx expo start --tunnel 명령어 사용
• --tunnel 플래그 → 로컬 개발 환경을 외부에서 접근 가능한 터널 URL로 노출

Key Takeaway

모바일 앱의 OAuth/인증 리다이렉트는 개발 환경과 프로덕션 환경 간 URL 체계가 다르므로, 터널링 도구를 활용하여 로컬 서버를 외부에서 접근 가능하게 만들어야 정확한 리다이렉트 동작을 검증할 수 있다.