안드로이드 모바일 기기에서, 카카오 로그인 링크 클릭 시 브라우저가 튕기는 현상

SDK 버전 : js 2.0.2
디벨로퍼스 앱ID : 847008

안녕하세요.

리액트 앱에 카카오 간편로그인이 되도록 링크를 생성하여 해당 링크로 접속하면 Kakao.Auth.Authorize()가 실행되도록 개발하였습니다.

버튼 클릭을 통한 이동이나, 직접 브라우저 url 입력으로 접근하면 잘 동작하지만, 이상하게도 안드로이드 모바일 기기에서

문자나 네이버 라인으로 해당 링크를 전달해서 클릭했을 경우 비정상적으로 브라우저가 켜졌다가 자동으로 꺼지는 현상이 보고되었습니다.

문자로 링크를 탭한 경우, 삼성인터넷이나 크롬 둘 다 브라우져가 열렸다가 바로 닫히는 문제가 있고 또 동의란 화면까지는 갔다가 동의를 완료하면 브라우저가 닫히는 경우도 있습니다.

서칭을 해보면서 삼성 브라우저 업데이트 후 카카오 로그인 불가 과 같이, 안드로이드 앱에서 intent scheme을 동작하는 부분에서 오류가 있는 것인지, 아니면 카카오 sdk에서 걸리는 것인지 파악하고자 문의 남깁니다.

안녕하세요.

해당 링크는 어떤 내용을 말씀하시는건가요?
재현 가능한 URL 제공 부탁드립니다.

스테이징 환경이며 카카오 간편신청으로 리다이렉션되는 경로를 받으면 카카오 로그인이 되고 간편신청으로 진행되는데, 안드로이드 모바일 기기의 문자나 네이버 라인에서 해당 링크를 탭하면 브라우저가 뜨고 바로 죽는 현상이 있습니다.

안녕하세요.

react hook에서 Kakao.Auth.authorize() 사용하면 정상동작하지 않습니다.
사용자의 클릭이나 터치 이벤트에 의해 동작하도록 구현하셔야만 합니다.

안드로이드 모바일 환경에서 간편로그인은 카카오톡 실행을 위한 커스텀 스킴을 호출합니다.
사용자의 터치나 클릭 이벤트 없이 에서 다른 애플리케이션 실행을 위한 커스텀 스킴 처리는 브라우저 에서 차단됩니다.

혹시 react hook에서 사용하면 정상동작하지 않는다는 내용에 대해서는 어떤 문서를 참고하면 되겠습니까?

안드로이드에서 사용가능한 브라우저 이벤트를 확인해서 처리하고자 합니다.

'pageshow’나 'onload’와 같은 이벤트는 사용불가한지, 무조건 'onclick’과 같은 이벤트를 사용해야하는지 등, 개발 가이드 내용을 참고해서 수정할 수 있는 부분을 확인하도록 하겠습니다.

사용자의 클릭 이벤트에서 사용 부탁드립니다.

대부분의 모바일 브라우저에서 사용자의 인터랙션(클릭 또는 터치 이벤트로 부터) 없이 document.onready와 같은 비동기 이벤트 내에서 커스텀 스킴 호출은 보안상의 이유로 차단하고 있습니다. 때문에, 간편로그인 시, 전달되는 fallback url인 계정 로그인 페이지로 브라우저가 이동시키게 됩니다.

관련한 문서는 디벨로퍼스에서 제공하고 있지 않습니다. 각 브라우저의 정책이며 사용가능한 이벤트는 해당 개발사 커뮤니티로 부터 확인해 보시는게 좋을것 같습니다.

1개의 좋아요

확인해주셔서 감사합니다.