Flutter 웹뷰에서 JS 카카오톡 로그인

JavaScript
1

문의 시, 사용하시는 SDK 버전 정보와 디벨로퍼스 앱ID를 알려주세요.

[상황]
안녕하세요 플러터에서 웹뷰를 이용하여 서비스를 운영하고 있습니다.
원래는 flutter kakao sdk 를 이용해서 로그인 정보를 활용하고 있었는데,
서비스 요구 사항 때문에 js sdk를 사용해야 할 것 같아서 테스트 중입니다.

[문제 사항]
플러터에서 js sdk를 사용하여 카카오톡 로그인을 진행 후 계속 하기를 누르면

I/chromium( 6781): [INFO:CONSOLE(39)] "Uncaught TypeError: kauth.proxyHost(...).getKakaoAgent is not a function", source: https://kauth.kakao.com/oauth/authorize (39)

이런 에러가 생깁니다.
데브톡을 찾아보니

  1. redirect 방법으로 해결 가능하다.
    카카오 로그인 질문이요 - anon75255842 님의 게시물 #12
  2. android 자체에서 override 해서 fallback url로 해결 가능하다.
    플러터에서 웹뷰사용시 카카오로그인 호출 문제

위와 같은 해결 방법들이 있는데 구체적인 방법을 모르겠어 질문 드립니다.
현재 웹에서 사용중인 라이브러리는
“react-kakao-login”: “^2.1.1” 입니다

구현체는 다음과 같습니다
내용은 모두 삭제했습니다.

<KakaoLogin
            token={kakaoAuthToken}
            onSuccess={async (response: any) => {

            }}
            onFail={(err) => {

            }}
            render={({ onClick }) => {
                return (

                );
            }}
        />

도움 주시면 감사하겠습니다!

2

안녕하세요.
“react-kakao-login”: “^2.1.1” 는 카카오에서 제공하는 라이브러리가 아니며,
내부적으로 사용하는 카카오 JS SDK도 구버전 팝업방식 로그인을 사용하는 것으로 보입니다.
(JS SDK v2에서는 더이상 팝업방식 로그인을 지원하지 않습니다. redirect 방법 사용을 권장 드립니다.)

직접 JS SDK 를 연동하여 사용하시는 것을 권장드리며,
기재하신 에러는 첨부해주신 “1. redirect 방법으로 해결 가능하다.” 케이스에서 안내된 것과 같이

팝업을 호출한 부모 웹뷰를 찾지 못해서 발생하는 에러로
웹뷰내 팝업 처리 시, 팝업 웹뷰를 띄워 부모 웹뷰와 통신해야합니다.

하이브리드 앱 가이드 | Kakao Developers 하이브리드 앱 가이드

JS SDK v2 사용하셔서 Redirect 방식으로 구현 방법 변경하시는 것이 좋을 것 같습니다.

참고 부탁드려요.

3

그렇군요 감사합니다!

1개의 좋아요