React Native Webview에서 카카오톡 로그인

웹뷰를 통하여 제가 운영중인 쇼핑몰을 앱으로 만들려고 하고 있습니다.

cafe24에서 카카오싱크를 통하여 웹상에서는 진행을 하였고, 웹, 모바일에서 정상 작동하는 것을 확인했습니다.

허나 웹뷰를 통해서 사이트에 접속한 뒤 카카오톡 로그인을 진행하게 되면 따로 작동이 되지 않습니다.

현재 webview 내의 onShouldStartLoadWithRequest에서 event 발생시 url은 intent로 잘 넘어오고 이를 실행하기 위하여 react-native-send-intent를 활용하여 open을 시도하였으나 앱 실행에 계속 실패를 하고 있습니다.

어떻게 처리할 방법이 있을까요?

Android Studio를 통해서는 구현했으나 Ios를 위해 React Native로 구현을 하고 싶습니다.

안녕하세요.

안드로이드 하이브리드 앱에서 카카오톡 앱 실행을 위해서는 AndroidManifest.xml에 패키지명 설정을 해야하는데 진행하셨나요?

Kakao Developers

image
image
다음과 같이 설정하고 developer에도 맞춰주었습니다.

이부분 말씀드린거였는데 확인 부탁드려요.
카카오톡앱을 호출 할 수 있도록 queries 태그내 package 태그 추가

    <queries>
        <package android:name="com.kakao.talk" />
    </queries>

그부분도 되어있습니다.

image
WebView태그 안에 onShouldStartLoadWithRequest 부분이 다음과 같이 구성했을 때
image
위와 같이 intent 로그가 나오긴 하는데 send intent는 되지 않습니다.

하이브리드앱 가이드에서는
아래와 같이 intent실행처리 구현해주셔야하는데요.

Kakao Developers

React Native 는 따로 준비된게 없어서 intent실행처리 구현방법 따로 확인 해보셔야할 것 같습니다.

감사합니다 시도해보겠습니다.