Ios 17.4.1 카카오톡 인앱브라우저에서 카카오톡 oauth 페이지 런타임 에러

InAppBrowser(카톡/카스 인앱브라우져)
1

ios 단말 카카오톡 인앱브라우저에서 아래 주소로 카카오톡 oauth 로그인 페이지 랜딩 시 흰 화면으로 런타임 에러가 발생합니다.

  • 카카오톡 oauth 주소 -
    https://kauth.kakao.com/oauth/authorize?client_id=<client_id>&redirect_uri=kakaojs&response_type=code&state=<state>&proxy=easyXDM_Kakao_5cx5k7tatfp_provider&ka=sdk/1.43.3 os/javascript sdk_type/javascript lang/ko-KR device/iPhone origin/<origin>&origin=<origin>

sdk 버전이 낮아서 발생하는 문제일까요?

확인 부탁드립니다.

  • 기기 정보: 아이폰 12 미니
  • ios OS: v17.4.1
2

안녕하세요.

해당 url은 어떻게 얻으셨을까요?
카카오 로그인에 사용된 코드 공유 부탁드립니다.

3

안녕하세요.

‘react-kakao-login’ 라이브러리를 사용해서 개발되었습니다.
주소는 카카오톡 인앱브라우저에서 로그인 버튼을 클릭후 주소창에서 확인했습니다.

// 로그인 버튼 코드

<KakaoLogin
        jsKey={client_id}
        onSuccess={responseCallback}
        onFailure={failure}
        getProfile
        className="kakao-login-button"
      >
        {children}
</KakaoLogin>
4

해당 라이브러리는 카카오에서 제공하는 라이브러리가 아닙니다.
JS SDK를 직접 사용하시는 것을 권장 드립니다.

5

네 확인 감사드립니다.
sdk 버전은 가장 최신 버전을 사용하면 해결되나요?

<script src="https://t1.kakaocdn.net/kakao_js_sdk/v1/kakao.min.js"></script>

포럼 질문글 중 아래 글 참고했습니다.
https://devtalk.kakao.com/t/iso-17-4/135771/5

6

네, 팝업 로그인 사용을 위해서는 해당 버전(v1 최신)을 사용해 주시면 됩니다.

다만, JS SDK v2 부터는 보안과 사용성을 위해 더 이상 팝업 로그인 기능은 제공하고 있지 않습니다.
서비스에서 반드시 팝업로그인이 필요한게 아니시라면 redirect_uri 방식의 로그인 사용을 권장드립니다.

1개의 좋아요