웹페이지 REST API구현시, window.open 인앱 브라우저 비정상 동작

[vblovezz]

웹페이지에서 카카오 로그인 인증을 REST API로 window.open 팝업으로 구현했습니다.

const win = window.open(https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${clientId}&redirect_uri=${redirectUri}&state=${state}, ‘PopupWin’, this.getLoginPopupFeatures());

PC나 핸드폰 기본 브라우저에서의 동작은 문제가 없는데,
카카오톡, 네이버앱 등 인앱 브라우저에서는 비정상인 경우가 있습니다.
예를들어, 팝업이 인앱 브라우저에서 열리는 경우가 있고 OS의 브라우저로 열리는 경우가 있습니다.

sdk 안에는 웹뷰인 환경에 대해서 분기되서 코딩되어 있는거 같아요.
sdk를 사용하는게 이런 이유가 포함된는 건가요 ?
sdk로 사용해서 구현해야할것같고, 궁금하기도해서 질문드립니다.

[lars.1]

@vblovezz

네 맞습니다.
앱에서 인웹브라우를 통해 카카오 로그인을 사용하시는 경우,
인웹브라우저의 팝업 처리에 따라 정상적인 동작을 하지 않는 경우가 발생할 수 있습니다.
팝업으로 동의창을 호출하는 것이 아닌, Redirect로 카카오 동의창을 호출하시거나,
카카오 JS-SDK를 사용하실 것을 고려해 주시기 바랍니다.