Javascript SDK를 이용해 웹뷰 iframe 호출시 로그인창에서

JavaScript
1

안녕하세요. 하이브리드앱을 개발중입니다.
하이브리드앱에서는 rest api나 javascript sdk가 지원 안된다고 해서요.
카카오톡 설정에 등록한 웹플렛폼에 카톡에 로근하는 코드를 만들고
하이브리드앱 웹뷰에서 해당 페이지를 iframe으로 열려고 합니다.

일단 iframe을 통해서 로그인 팝창이 뜨는것까지는 성공했는데요.
로그인을 하면 팝창이 닫히고 토큰정보가 alert로 나오게 했는데
팝창이 닫히지 않네요.

웹플렛폼의 페이지에서 호출해보면 로그인도 잘되고 토큰 정보도 보여주는데
그 페이지를 아이프레임으로 웹뷰에서 호출하면 왜 팝창이 닫히지 않고
정보도 넘겨주지 않을까요?

방법이 없을까요?
도움을 부탁드립니다.

2

팝업창이 닫히기전에 부모창에 토큰을 전달해주는데요. 이부분에서 이슈가 있는 것 같네요.
JS 에러 메세지를 확인할 수 있을까요?
그리고 팝업창이 뜬 상태에서 부모창이 잘 살아 있는지 확인해보셨나요?
alert 메세지는 잘 나오고 close만 안되는 것인지도 확인해주시면 좋을 것 같습니다.

3

Uncaught TypeError: Object [object global] has no method ‘getKakaoAgent’ - https://kauth.kakao.com/oauth/authorize?redirect_uri=kakaojs&response_type=code&state=afkz44lymla6ecdi&proxy=easyXDM_Kakao_c7y1zxufjteasjor_provider&client_id=e8ceba5b022deaea84e3438803e32832 - 40

이렇게 출력되는거 같습니다

alert은 호출되는지는 잘 모르겠습니다. 일단 시각적으로는 출력되지 않습니다.

로그인 팝업창은 흰색으로 가득합니다. 그래서 흰팝업창을 소스보기를 해보면 아래와 같은 내용입니다.

<!DOCTYPE html><html><head>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>


<script src="/public/js/reqwest.min.js"></script>
<script src="/public/js/common.min.js"></script>
<script src="/public/js/domready.min.js"></script>
<script>
    domready(function(){
        try{
            respond();
        }catch(e){
            // iOS webview 에서 opner가 설정되지 않았을 경우 opner가 injection 되기를 기다린다.
            setTimeout(respond, 1000);
        }
    });

    
    function respond(){
        kauth.extend(kauth.clientParams, {
          'state': 'd72iaiw8fx1ug14i',
          'proxy': 'easyXDM_Kakao_8nhlv396qw9g4x6r_provider'
        });

        
        
        reqwest({
            url: '/oauth/token',
            method: 'get',
            headers: { KA: kauth.proxyHost().getKakaoAgent() },
            data: {
                grant_type: 'authorization_code',
                client_id: 'e8ceba5b022deaea84e3438803e32832',
                redirect_uri: 'kakaojs',
                code: 'TgE8Gj9-lRzuV-KYkmxhuC5SyHEFCpOOj0xYqMMjG7FZeqVFLUukv-hN0HlUiRrg1om8-awQQI4AAAFSDLHiJQ',
                approval_type: '',
                client_origin: kauth.proxyHost().getProxyOrigin()
            },
            success: function(res) {
                kauth.returnResponse(res);
            },
            error: function(err) {
                var errorObj = parseError(err);
                kauth.returnResponse(errorObj);
            }
        });

        function parseError(res) {
            if (res.status === 401) {
                return kauth.getErrorObj('unauthorized', 'unauthorized - unregistered website domain');
            } else {
                return kauth.getErrorObj(res.statusText, '');
            }
        }
        
        
        
    }
</script>


</body></html>
5

코르도바를 사용중인데요. 안드로이드 스튜디오에서는

Line 2 : Uncaught Error: Invalid access: should be opened in a popup
01-05 09:36:53.545

[INFO:CONSOLE(2)] “Uncaught Error: Invalid access: should be opened in a popup”, source: https://kauth.kakao.com/public/js/common.min.js (2)

이렇게 에러가 출력됩니다.

꼭 도움을 부탁드려요.
감사합니다.

6

부모창을 덮어서 팝업창(로그인 창)이 열린 것 같습니다.
하이브리드 웹뷰 옵션중에 팝업창으로 새 웹뷰로 열게 하는 옵션이 있을 것 같은데요.
저 역시 코르도바에는 문외한이라 도움 드리기가 어렵네요ㅜ