RN 웹뷰 카카오 간편 로그인 오류

JavaScript
1

ID: 948547

안녕하세요
next.js로 웹을 만든 뒤 react-native-webview로 하이브리드 앱 구성을 했습니다.
Kakao.Auth.authorize 방식을 사용해 카카오 간편 로그인을 구성했는데
ios에서는 잘 작동하지만 안드로이드에서 intent 관련 에러가 발생했습니다.
자료를 많이 찾아봤는데 expo로 만든 앱이라 mainfest 속성을 건드릴수가 없어서 이렇게 문의드립니다

에러로그

Encountered an error loading page {"canGoBack": true, "canGoForward": false, "code": -10, "description": "net::ERR_UNKNOWN_URL_SCHEME", "loading": false, "target": 3, "title": "https://ootdzip.com/sign-in", "url": "intent:#Intent;action=com.kakao.talk.intent.action.CAPRI_LOGGED_IN_ACTIVITY;launchFlags=0x08880000;S.com.kakao.sdk.talk.appKey=0dc47b7c4a224408194560c19187aa4f;S.com.kakao.sdk.talk.redirectUri=https://ootdzip.com/sign-in/kakao/callback;S.com.kakao.sdk.talk.kaHeader=sdk/1.43.5%20os/javascript%20sdk_type/javascript%20lang/ko-KR%20device/Linux_armv8l%20origin/https%3A%2F%2Footdzip.com;S.com.kakao.sdk.talk.extraparams=%7B%22client_id%22%3A%220dc47b7c4a224408194560c19187aa4f%22%2C%22redirect_uri%22%3A%22https%3A%2F%2Footdzip.com%2Fsign-in%2Fkakao%2Fcallback%22%2C%22response_type%22%3A%22code%22%2C%22auth_tran_id%22%3A%22ovtiew3f4a0dc47b7c4a224408194560c19187aa4flxvksc3x%22%2C%22is_popup%22%3Atrue%7D;S.browser_fallback_url=https%3A%2F%2Fkauth.kakao.com%2Foauth%2Fauthorize%3Fclient_id%3D0dc47b7c4a224408194560c19187aa4f%26redirect_uri%3Dhttps%253A%252F%252Footdzip.com%252Fsign-in%252Fkakao%252Fcallback%26response_type%3Dcode%26auth_tran_id%3Dovtiew3f4a0dc47b7c4a224408194560c19187aa4flxvksc3x%26ka%3Dsdk%252F1.43.5%2520os%252Fjavascript%2520sdk_type%252Fjavascript%2520lang%252Fko-KR%2520device%252FLinux_armv8l%2520origin%252Fhttps%25253A%25252F%25252Footdzip.com%26is_popup%3Dfalse;end;"}
2

안녕하세요.

로그만 보면 리다이렉트 URI에서 액세스토큰 잘 받았는데요

intent 관련 에러가 어떤건지 부연 설명 부탁드려요.

ㄴ 테스트 환경에 카카오톡 앱은 설치 및 로그인 되어 있나요?

3

넵 설치 되어있습니다. iintent:#Intent;action=com.kakao.talk.intent.action.CAPRI_LOGGED_IN_ACTIVITY;launchFlags=0x08880000; 로그가 뜨고
ERR_UNKNOWN_URL_SCHEME 오류가 발생하고 있습니다.

이를 해결하기 위해 onShouldStartLoadWithRequest 속성을 통해 외부 인터넷 앱으로 이동하게 해보았는데 해당 페이지에서 앱이 작동하다보니 네이티브 기능이 정상 작동하지 않았습니다.

4

안녕하세요.

웹뷰에서 intent scheme은 직접 처리 구현하셔야 합니다.
직접 처리하지 않고 웹뷰가 처리하도록 두게 되면 ERR_UNKNOWN_URL_SCHEME 오류가 발생하게 됩니다.

onShouldStartLoadWithRequest에서 url이 intent 로 시작하는 경우 해당 url로 앱을 직접 실행하신 뒤 return false; 부탁드립니다.
url로 앱을 직접 실행하실 때는 SendIntentAndroid나 Linking 등을 사용하여 처리하실 수 있습니다. 참고 부탁드립니다.