카카오 로그인 오류

다시해보겠습니다…ㅜㅜ 아니면 아예 다 삭제하고 새로 발급받아서 설치하는건 어떻게 생각하세요..??

네,

(1) 카카오 로그인 정상동작하고
(2) 스킨이나 커스텀 적용안된 카페24에 문제없으므로

뭔가 변경사항에 원인이 있을 것 같은데요.

카페24 새로운 계정으로 차근차근 다시 세팅 해보시면 좋을 것 같습니다.
(스킨은 적용하지 마시고 정상작동하는지 먼저 확인 해보시면 좋을 것 같아요.)

그런데, 새로 세팅하시면 기존 회원들은 다시 가입해야할텐데. 이부분 검토 하셨을까요?

아뇨 카카오 아이디를요!!

앞서 말씀드린 것과 같이 카카오와 완전히 무관한 문제입니다.

개발자님 지금 모바일만 한번 더 테스트해주실 수 있으실까요?ㅜㅜ 죄송해요ㅠㅠㅠ

단순히 현재 사이트와 비교용으로 별개의 카페24 계정으로 간단히 비교 해보셔도 좋을 것 같아요.

모바일 확인하고 공유 드리겠습니다.

안드로이드에서 정상동작하고
iOS에서 재현했습니다. 어떤걸 변경하셨나요?

카페24에서 기본제공하는 회원가입 iframe을 적용하신 코드 또는 스킨이 제대로 로드 할 수 없게 방해하는 것으로 추정됩니다.

방금은 아이폰에서 재현되었단 말씀이시죠? 방금 유료스킨이었거든요. 지금 다시 원래코드로 바꾸어두었어요!

여전히 재현 됩니다. 상세 분석을 위해 코드 변경하지 마시고 기다려주세요.

네 기다릴게요ㅠㅠ

증상 : iOS Safari에서 카카오로그인 후, 리다이렉트 URI까지 모두 정상작동하고 휴대폰 인증 iframe 로드 실패하여 흰화면 표시
** iframe 오브젝트 제거하면 백그라운드 /member/login.htm 정상표기 되어 있음.

image

https://static.alphwidget.com/script/Upsell-Script/PRODUCTION/alpha-upsell-shadow-bundle.js?vs=20250624172604.1&client_id=tgHZp6LCG5KuklqvIYgrtB


위 내용으로 카페24에 문의 해보시겠어요?

그렇다는건 알파업셀?저 위젯때문이라는건가요??

카카오 로그인 이후 iFrame으로 본인 인증 하며, 회원가입 마무리 하도록 화면이 표시되는데 해당 페이지 로딩 시점 흰화면으로 표시될만한 문제는 위내용 밖에 없습니다.

흰화면이 표시되는 원인은 카카오에서 확인할 수 없으므로 카페24에 문의 하시라 안내드렸는데요.

알파업셀은 직접 설치하신건가요? 그렇다면 제거하시고 테스트 해보시겠어요?

개발자님 지금 해당 스크립트 삭제했는데 동일한 증상인지 열어봐주실 수 있으실까요..,.?ㅜㅜ

여전히 매우 많은 스크립트를 로드 하고 있어요.

iFrame 내 화면은 기본 흰화면(비표시) 상태입니다.
해당페이지 optimizer.php에서 스크립트를 호출 받아 표시하도록 변경하는데요.

카페24의 구조를 보면 SSL매니저가 호출할 함수를 비동기로 받아와서 구성하고 호출합니다.
이때, 카페24의 스크립트는 HTML 하단에 있어서 DOM 파싱이 끝난 상태에 호출되어야하지만,

사파리 개발자 모드로 디버깅해보면 흰화면 뜨고 나서도 위 로그와 같이 잡다한 스크립트를 계속 로딩하며 지연시키고 있습니다.

즉, 화면을 구성하는 DOM 객체가 로딩 안된 상태에서 카페24 iFrame 내 화면 활성화 스크립트가 동작하면서(ㅡ 활성화할 화면이 아직 없는 상태에서 활성화 스크립트 실행) 실제 화면을 표시 못하게되었습니다. (DOM 객체가 클라이언트 브라우저에 캐시되고 나면 정상동작합니다.)

불필요한 스크립트 모두 제거 해보시겠어요?

지금 다시 보겠습니다. 혹시 지금도 동일한 오류 나셨던건가요???

네, 동일했습니다.

해당 알파업셀 측에서는 동일증상이 나지 않는다는데…ㅜㅜ 혹시 환경이 아이폰 사파리 맞으셨지요?

흠.. 해당 알파업셀 스크립트 제거해도 동일한거면.. ㅠㅠ 알파업셀이 자기쪽에서는 문제없다고 계속 그러네요…. 브라우저에 캐시되고 나면 정상동작한다는거면 혹시 로그인 페이지에 돌아올시 새로고침되도록 넣는건 어떻게 생각하세요?ㅜㅜ … 네이버 로그인은 문제 없으셨죠?..ㅜㅜ