카카오싱크 인앱 브라우저 벽돌 현상 등

  1. 모바일에서 삼성 브라우저 및 안드로이드 OS 사용
  2. 사이트 접속(로그인 페이지)
  3. [카카오로 원터치 로그인/회원가입] 버튼 클릭
  4. 입앱 브라우저를 통해서 사이트가 다시 열리며, 여러가지 이슈가 발생(인앱 브라우저 동작 중지 ← 바탕화면 노출 및 벽돌 현상, 오류 얼럿창 노출 등)
    “일시적으로 카카오로그인을 사용할 수 없습니다. 쇼핑몰 관리자에게 문의해주세요.”
    “일시적인 문제가 발생했습니다. 문제가 반복하여 발생하는 경우 쇼핑몰로 문의해주세요.”

다른 사이트들 확인 시, 전부 기존에 사용하고있던 브라우저를 통해서 로그인이 진행이 되나, 저희 사이트(테스트 사이트)는 카카오 인앱 브라우저를 통해서 사이트가 다시 열립니다. 우선 인앱 브라우저가 열리면서 여러가지 이슈건이 이어서 발생하는데, 인앱 브라우저 말고 기존 사용하는 브라우저로 열 수 있는 방법을 먼저 문의드립니다.

추가적으로 인앱 브라우저에서 발생하는 벽돌 현상 또한 확인 부탁드리겠습니다.

벽돌 현상이 뭔가요?

화면 캡쳐 부탁드려요.

간헐적으로 발생하는 현상이라 현재는 또 재현되지 않습니다.
카카오 인앱 브라우저를 통해서 사이트가 열리고, 바탕화면 나갔다가 재접속 시 카카오 인앱에서 사이트가 보이지 않고 바탕화면이 보이며, 어떠한 동작도 하지 않는 현상입니다.

우선 현재는 재현되지 않아서, 인앱 브라우저로 사이트가 다시 켜지는 현상 먼저 확인해주시면 감사드리겠습니다.

반복적으로 시도 시, 카카오 앱이 여러개 실행되는 이슈도 있습니다…


이미지 확인해주시면 붉은 박스 쳐놓은 2개 앱이 전부 카카오입니다…
브라우저로 가서 로그인 지속적으로 시도 시, 시도한 만큼 앱이 실행됩니다.

JS SDK 사용하며, REST-API 키를 사용해서 그런것으로 보입니다.

Javascript Key 사용해보시겠어요?

1개의 좋아요

아 넵 인앱 브라우저 안뜨네요! 너무 감사합니다ㅜㅜ

하나만 더 문의 드릴게요

모바일 디바이스에서 아래 링크로 접속 후,
https://vighead47.cafe24.com/m/member/agreement.html
로그인 시도 시(가입 이미 되어있는 상태)
“일시적인 문제가 발생했습니다. 문제가 반복하여 발생하는 경우 쇼핑몰로 문의해주세요.”
라는 얼럿창이 노출되며, 로그인 실패와 함께 메인 페이지로 떨어집니다.
이건 왜그런지 알 수 있을까요?
로그인 페이지(https://vighead47.cafe24.com/m/member/login.html)에서는 잘 동작합니다.

로그를 보니 KOE303에러가 발생했습니다.

인가코드 요청에 설정한 Redirect URI와 액세스 토큰 발급에 설정한 Redirect URI가 다를때 발생하는 에러입니다.
(카페24 스크립트에서 그렇게 처리하네요. )

인가코드 요청: https://vighead47.cafe24.com/Api/Member/Oauth2ClientCallback/kakao/
액세스 토큰 발급 요청: https://vighead47.cafe24.com/m/Api/Member/Oauth2ClientCallback/kakao/

혹시 이슈가,
인가코드 요청 Redirect URI 에서 “/m” 이 빠져있어서, 엑세스 토큰 발급 요청 Redirect URI 와 상이해진거고,
그러기에 현재 위 얼럿창이 뜨는걸까요?

그렇다면 저희 코드상에서 모바일 디바이스로 접속 시, 인가코드 요청에서도 /m(접속 디바이스에 맞게) 이 붙을 수 있도록 수정을 해주면 되는걸까요

네, 맞습니다. 동일하게 맞추면되는데…

카페24에서 카카오 JS SDK 를 한번 랩핑해서 제공하기 때문에 /m이 빠지는 것으로 보여요.

커스터마이징 할 수 없다면. 해당 페이지만 JS SDK authorize 함수 redirect_uri 설정하셔서 바로 호출해보시겠어요?

1개의 좋아요

네 한번 해보겠습니다. 답변 감사합니다 !

1개의 좋아요

잘 해결 되었습니다.
상세한 답변 감사드립니다 :slight_smile: