안녕하세요
지난번에 질문에 답변주신점 진심으로 감사드립니다.
제가 부족한듯 하여 다시 질문을 드립니다.
현재 카카오sdk를 이용한 뷰 기반에 웹 페이지를 간단하게 리액트 네이티브내에서 웹뷰를 사용해서 이용하려고 합니다. 리액트 네이티브 내에서는 단순히 app.js에서 웹뷰url설정이외에는 다른 기능이 없습니다. 이후 랜딩페이지에서 카카오 로그인을 누르면 인터넷창에서 카카오 로그인창이 뜨고 아이디와 패스워드를 입력하면 카카오톡으로 로그인확인메시지가 오고 수락하면 해당 로그인 인터넷 화면에서는 흰화면만 송출되고 웹뷰로 송출하고있는 앱은 변화가 없습니다. 리다이렉트uri가 웹에서만 진행이 되기 때문일까요?
그러면 카카오에서 리다이렉트uri를 모바일 앱 내부에 웹뷰로 어떻게 연결해주어야할까요?
안녕하세요.
(흰화면이 뜨는 것을 봐서는)
JS SDK 팝업 방식 로그인을 사용하고 계신가요?
네 웹 페이지에서는 sdk를 이용하여 서버와 토큰을 주고받아 로그인을 구현하고있습니다
웹 뷰내 웹으로 로그인을 하면 기본인터넷 카카오 로그인팝업이 뜨고 스마트폰으로 로그인 컨펌은들어옵니다. 다만 확인후에는 해당 로그인페이지는 흰화면이 송출되고 앱은 변하지 않으며 앱에서 다시 로그인을 실행해도 흰화면 인터넷 팝업창만 뜨고있습니다
로그인 리다이렉트 uri는 웹 주소만 설정해두었습니다.
Kakao.Auth.authorize() 함수를 사용하신다면 따로 조치할 것이 없구요. (대신 리다이렉트 URI와 REST-API방식 후속처리가 필요합니다.)
Kakao.Auth.login() 함수를 사용하신다면 제작하신 앱내 팝업 처리가 필요합니다.
→ JavaScript에서 팝업 윈도우가 필요한 기능이 정상적으로 동작하게 하려면 window.open() , window.close() 호출에 맞춰 팝업에 해당하는 웹뷰가 생성 및 제거되어야 합니다.
해당 처리가 잘 안되는 것으로 추정됩니다.
리액트 네이티브 관련 예제는 없지만, 아래 하이브리드앱에 적용하기 팝업 처리부분 확인 부탁드려요.
상세한 답변 다시한번 감사드립니다!