React native webview 에서 카카오 간편 로그인 intent scheme 사용시 오류 문의

  • 질문 내용
    - react native 웹뷰 에서 간편로그인을 사용할때 브라우저에서 계정입력이 아닌 카카오톡앱을 열어서 로그인 하는 방식이 궁금합니다.

  • 환경
    - react native 로 앱을 사용중이고 react-native-webview 로 웹을 호출하고 있습니다
    - 웹뷰에서 카카오 간편 로그인 호출을 사용하고 있습니다. (window.Kakao.Auth.authorize)

  • 오류지점
    - react-native-webview의 onShouldStartLoadWithRequest 메서드를 활용해 이벤트로 받은 url 사용시 오류

참고 질문 RN 웹뷰 카카오 간편 로그인 오류 - tim.l 님의 게시물 #2

- 위 질문 내용을 참고하여 intent scheme 를 수정하여 앱을 직접 실행하고자 ‘kakaolink://’ 를 사용하여 아래와 같은 코드로
앱을 실행하였으나 카카오톡에서 최하단에 작성한 오류가 나타났습니다.

event.url = intent:#Intent;action=com.kakao.talk.intent. ... end;

const intentURL = 'kakaolink://' + event.url.substring(7);

  Linking.canOpenURL(intentURL).then((supported) => {
        if (supported) {
          Linking.openURL(intentURL);
        } else {
          console.log('카카오톡이 설치되지 않았습니다.');
        }
      });

카카오톡 오류내용

전달하려는 메시지의 필수 정보에 오류가 있습니다.

해당 앱의 관리자에게 문의해주세요
[최신버전으로 업데이트가 필요합니다.]
:attachment.linkver

intent 주소를 직접 사용하신건가요?

카카오톡 공유하기는 SDK를 이용하셔야지 이렇게 주소를 사용하시면 안됩니다.

안드로이드에서 RN linking 기능으로는 intent 가 작동하지않아
react-native-send-intent 패키지 설치로 해결했습니다.

intent 스킴을 직접호출하시면 버전 변화등 상황에 따라 호출안될 수 있고 정상작동을 보장할 수 없습니다.

웹뷰라면 공식 제공하는 JS SDK를 검토 해보시면 좋을 것 같습니다.