삼성폰에서 카카오싱크를 구현하여 테스트 진행 중인데 휴대폰 크롬 브라우저서 먹통 현상이 발생합니다.
앱 아이디 : 957433
테스트한 사이트 url : https://alpha-app-membership.payco.com/static/event/C10005/join.html#HJTEST1
안녕하세요.
해당 주소 확인해 보니, 로그인 버튼에서 다른 주소로 가도록(location.href="...") 하였지만
이동 후 랜딩되는 페이지에서 사용자의 클릭과 같은 이벤트 없이 Kakao.auth.authorize() 가 사용되고 있습니다.
사용자 이벤트 없이 해당 기능을 직접 사용하지 않도록 부탁드립니다.
(카카오톡 인앱브라우저 자동로그인 제외)
이와 같은 구현의 경우 크롬에서 href로 전달되는 주소를 히스토리에 적재하지 않을 수 있습니다.
때문에, 카카오톡에서 웹브라우저로 돌아올 때, JS SDK가 포함된 웹 페이지가 유지되지 않고 최초 location.href가 호출된 캐싱된 페이지로 크롬이 이동시키게 됩니다.
내용 확인해주셔서 감사합니다!
현재 저희 환경 특성상 사용자 이벤트 추가가 어려운 상황입니다.
고객에게 ‘카카오로 가입하기’ 버튼과 같은 이벤트 추가가 어렵습니다.
혹시, 안내해주신 방법 이외에 다른 방법으로 확인할 수 있는 부분이 있는 확인 부탁드립니다.
감사합니다.
구현 내용을 보아 마지막 페이지를 로그인 브릿지 페이지로 사용하시는 것으로 보이는데요
카카오 로그인 버튼에서 브릿지 페이지로 이동하지 않고 JS SDK를 사용하도록 하시는게 좋을것 같습니다.
아쉽지만, 사용자의 이벤트와 연결 하셔야만 합니다.
처음 버튼에서 location.replace 로 크롬을 속여서 처리 가능할 수도 있겠지만 이는 브라우저의 업데이트에 따라 얼마든지 오동작할 수 있습니다.
일반적으로 사용자의 이벤트 없이 authorize가 호출되는 경우, 카카오톡이 아닌 웹상에서 카카오계정 로그인 페이지로 이동하는 것이 정상적인 흐름입니다.
카카오톡으로 로그인하셔야 한다면 사용자의 이벤트와 연결하셔야만 합니다.