로그인 API 모바일 바로가기 실행 시 리다이렉션 창

Kakao.init(kakaoAppkey);
function kakaoLogin{
    Kakao.Auth.login({
        success: function (response) {
            Kakao.API.request({
                url: '/v2/user/me',
                success: function (response) {
	내부 로그인 로직
                },
                fail: function (error) {
                    $.alert("로그인에 실패하였습니다.<br>재로그인 부탁드립니다.");
                },
            })
        },
        fail: function (error) {
        	$.alert("로그인에 실패하였습니다.<br>재로그인 부탁드립니다.");
        },
    })
}

현재 위와같이 구현하였는데 웹, 모바일 전부 정상 동작합니다.

하지만 pwa 사용하여 모바일에 바로가기 링크를 생성하는 기능을 넣었는데 해당 바로가기로 접속하여

카카오 로그인 시도하면 로그인은 정상작동하는데 로그인 → 메인 화면을 넘어가는 중간에 리다이렉션화면?으로 추정되는 영어가 빼곡히 적힌 창이 뜨고 메인으로 넘어가는 현상이 있습니다.

영어가 빼곡히 적힌 창을 보이지 않게 하는 방법이 있을까요?

운영중인 사이트라 테스트 재현이 불가한 점 양해부탁드립니다…

Kakao.Auth.login 는 팝업방식 카카오 로그인으로 Javascript SDK v1에서 제공하던 기능으로
Javascript SDK v2에서는 제공하지 않고 있습니다.

리다이렉트 되는 것이 아니라 팝업이 떠서 로그인하므로 웹뷰에서 팝업처리 및 부모창으로 되돌아가는 처리가 되어야합니다.

모바일앱의 인앱브라우저 팝업 처리는 아래와 같이 안내하고 있으나

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

네이티브 WebView의 onCreateWindow/onCloseWindow 같은 “팝업 생명주기 훅”은 웹(PWA)에 없는 것으로 알고 있어서
Kakao.Auth.authorize 리다이렉트 방식 카카오 로그인으로 적용하시는 것을 권장드립니다.

검토 부탁드려요.

1개의 좋아요

리다이렉트 방식 로그인 구현은 각종 언어별 예제와 튜토리얼 및 Javascript SDK 카카오 로그인 데모 참고 부탁드립니다.

13.2. [rest api 예제] java (spring boot) - 카카오 로그인, 카카오 친구목록 조회, 메시지 발송
13.3. [rest api 예제] php - 카카오 로그인, 카카오 친구목록 조회, 메시지 발송
13.4. [rest api 예제] c# (asp.net core)- 카카오 로그인, 카카오 친구목록 조회, 메시지 발송
13.5. [rest api 예제] node.js- 카카오 로그인, 카카오 친구목록 조회, 메시지 발송
13.6. [rest api 예제] next.js- 카카오 로그인, 카카오 친구목록 조회, 메시지 발송
13.7. [rest api 예제] python (Flask) - 카카오 로그인, 카카오 친구목록 조회, 메시지 발송