RN webview ios 환경에서 koe006에러 발생

이효린·2023년 11월 14일
0

React

목록 보기
7/8
post-thumbnail

내가 뭘 하려고 했냐면요..

  • RN으로 카카오로그인을 구현하고 있었습니다.
  • koe006에러는 보통 redirectUrl, ClientId를 잘못 입력해서 발생하는 에러입니다.
  • 그런데 저는 카카오로그인 redirectUrl, ClientId 모두 제대로 받아 적용한 상태에서 발생한 에러라 원인 찾기가 정말 힘들었습니다.

해결방안

  • 4시간동안 이런저런거 다 시도해보고 결국 카카오디벨로퍼스에 문의한 결과 제 redirectUrl 뒤에 공백이 있다는 것을 알게되었습니다.
  • 알고보니 코드 내 줄바꿈이 공백으로 처리되어 공백이 들어갔던 것이었습니다.
  • 안드로이드 에뮬레이터에서는 문제없이 작동하고 ios 에뮬레이터 및 실물기기에서 에러가 발생해 ios 에러인가 싶었지만 공백 문제였습니다 …

문제코드

<WebView
	source={{
          uri: `https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${process.env.EXPO_PUBLIC_KAKAO_REST_API_KEY}&redirect_uri=
					${process.env.EXPO_PUBLIC_REDIRECT_URI}
}} />

해결 코드

<WebView
	source={{
          uri: `https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${process.env.EXPO_PUBLIC_KAKAO_REST_API_KEY}&redirect_uri=${process.env.EXPO_PUBLIC_REDIRECT_URI}
}} />

문의 남긴 카카오디벨로퍼스

https://devtalk.kakao.com/t/koe006-react-native-ios/132595

0개의 댓글