문의 사항에 따라 필요한 정보를 먼저 입력하시면 더 빠르게 대응해 드릴 수 있습니다.
-
개발 과정에서 문제가 있을 경우
- 앱 아이디(app ID): ID 1114669
- 호스팅 사: 카페24
- 서비스 URL : m.livx.kr (pc : livx.kr)
- 오류 내용 :
지금 카페24 기반으로 운영중이던 자사몰 카카오 간편로그인(간편가입)에 문제가 생겼습니다.
환경 : 카페24 기반으로 운영하는 자사몰.
pc : livx.kr
모바일 : m.livx.kr
스킨은 유료스킨업체(원디자인)를 사용함.단서 :
- 지금까지 쭉(2년간) 정상작동했었음.
- 증상은 며칠전 (4월 5일~4월 8일 사이에 처음 시작되어 지금까지 이어지고 있음.)
(**해당 발생일 직전에 코드 수정한 이력 전혀 없음.)
증상 : 카카오로그인 시 흰 화면으로 랜딩되고 로그인/회원가입 등이 되지 않음.
- 특징 : 간혹 어떤 폰은 되고 90%정도 위와 같은 증상을 보임.
실제 환경 (폰) 테스트 이력 : (영상도 함께 첨부하였습니다.)
로그인.txt (11.0 KB)
케이스 1) 테스트기종 아이폰 17 (크롬)
카카오로그인 버튼 > kauth.kakao.cm 열리고 전체 동의하기 체크 후 동의하고 계속하기 선택 >‘사용중이던 서비스로 이동하여 로그인을 완료해주세요 페이지’ 나옴. 여기서 원래 로그인하던 페이지 (m.livx.kr)로 이동하면 흰화면으로 보임. (기다려도 원래페이지로 안나옴.)(영상을 보니 흰 페이지 주소는 m.livx.kr로 나옴)
이 사람에게 다시 그 화면 들어가달라고 요청하니 >이번엔 회원가입 휴대폰 인증페이지로 들어가짐.
케이스 2) 테스트기종 갤럭시
동일하게 카카오 간편로그인 클릭 > kauth.kakao.cm 열리고 전체 동의하기 체크 후 동의하고 계속하기 선택 > 이 사람은 (m.livx.kr)의 바로 흰색 페이지로 랜딩됨. (영상을 보니 흰 페이지 주소는 m.livx.kr로 나옴) (사용중이던 서비스로 이동하여 로그인을 완료해주세요 페이지 안나옴)케이스 3) 아이폰14
카카오로그인 버튼 > kauth.kakao.cm 열리고 전체 동의하기 체크 후 동의하고 계속하기 선택 >사용중이던 서비스로 이동하여 로그인을 완료해주세요 페이지 나옴. 여기서 원래 로그인하던 페이지 (m.livx.kr)로 이동하면 흰화면으로 보임.
(기다려도 원래페이지로 안나옴.)케이스4) 갤럭시 a25
이 사람은 회원가입은 되는데 로그인 시 또 흰색 페이지로 랜딩되어 로그인 안됨.
(회원가입 완료 카톡은 왔다고 함)
다시 껐다가 재접속 하니 로그인이 됨. -
현재 임시방편으로
-
// iOS Safari bfcache 대응
window.addEventListener(‘pageshow’, function(event) {
if (event.persisted) {
window.location.reload();
}
});// 카카오 로그인 콜백 자동 새로고침 안전망 (1회만 실행)
(function() {
var params = new URLSearchParams(window.location.search);
if (params.get(‘provider’) && params.get(‘encrypt’)) {
if (!sessionStorage.getItem(‘kakao_login_reloaded’)) {
sessionStorage.setItem(‘kakao_login_reloaded’, ‘1’);
setTimeout(function() {
if (window.location.pathname.indexOf(‘/member/login.html’) !== -1) {
window.location.reload();
}
}, 3000);
} else {
sessionStorage.removeItem(‘kakao_login_reloaded’);
}
}
})(); -
코드를 사용해 막아놓고 있는 상황입니다. ( 해당 임시방편 코드 적용시 로그인 클릭 시 > 흰 화면 > 휴대폰인증화면 > 흰화면 > 인증화면 으로 자동으로 왔다갔다 하다가 결국 인증화면으로 가긴 감.)
-
해당 로그인(login.html)부분의 전체코드는 메모장으로 첨부합니다.
https://livx.kr/Api/Member/Oauth2ClientCallback/kakao/
https://m.livx.kr/Api/Member/Oauth2ClientCallback/kakao/
https://urpil2024.cafe24.com/Api/Member/Oauth2ClientCallback/kakao/
https://urpil2024.cafe24.com/m/Api/Member/Oauth2ClientCallback/kakao/
https://urpil2024.cafe24.com/skin-mobile24/Api/Member/Oauth2ClientCallback/kakao/ (이 마지막꺼만 4월 9일에 추가함. (테스트를 위해 추가했었음) ) -
퍼머링크 생성이 필요할 경우 (자세한 신청 방법은 가이드 참고)
- 카카오싱크 퍼머링크의 서비스 랜딩URL:
- 디벨로퍼스 앱과 연결된 카카오톡 채널의 검색용 아이디: @리브엑스
카카오 로그인 관련 에러(Invalid redirect. 예: KOE006)가 발생할 경우, 가이드를 참고합니다.
카카오 싱크 관련 자주하는 질문은 FAQ를 참고합니다.
