인앱에서 카카오 로그인이 안되는 이슈가 많이 발생합니다

카카오싱크(Kakao Sync)
#1

안녕하세요, 스타트업에서 앱과 웹을 관리하는 개발자입니다.
최근들어 유저들에게서 카카오 로그인이 불가하다는 문의를 많이 받고 있어 데브톡에 문의를 남기게 되었습니다.

  1. 대부분 네이버 앱을 통해 저희 웹에 접근한 경우 발생하는 에러인 것 같습니다.
    로그인 버튼을 누르면 네이버 홈으로 이동된다고 하시네요.

  2. 문의를 남겨주신 유저들께 연락을 드려보아도 별다른 피드백이 없어서,
    직접 카카오측을 통해 실패 로그를 확인할 수 있는지 궁금합니다.

#2

비즈 id 519278 입니다

#3

안녕하세요.

사용자가 로그인 시도한 환경(android/ios) 알수 있을까요?

#4

로그인 오류가 발생하는 유저가 많았고, 대부분 기기는 답변을 안해주셨습니다!

#5

카카오톡 화면엔서 장시간 머문 경우 서비스에서 로그인 이후 화면 갱신이 되지 않는 것으로 보입니다.
카카오 로그인에 사용된 코드 확인 가능할까요?

#6 
 Kakao.Auth.login({
        success: async (res: any) => {
          const accessToken = res.access_token as string;
          const userAgent =
            (typeof navigator !== "undefined" && navigator?.userAgent) || "";

          const authInfo = await axios
            .get("https://kapi.kakao.com/v2/user/me", {
              headers: { Authorization: `Bearer ${accessToken}` },
            })
            .then((res) => res.data)
            .catch(() => {});

        }

     // 추가 BE 처리 로직
      });

FE 처리 코드는 다음과 같습니다.

저희가 파악한 이슈는 2가지입니다. 두가지 이슈는 별개의 이슈입니다.

  1. 카카오 로그인 팝업 이 뜬 이후 success 내부의 로직이 작동하지 않는다.
  2. 로그인 후 네이버 홈으로 전환된다 - 원인 파악 불가

추가 사항이 필요하면 다시 답변 남기겠습니다 :slight_smile: 감사합니다

#7

샘플 페이지를 구성하여 여러번 테스트 해보았는데요 재현되지 않았습니다.
success 직후 alert 또는 페이지내 일부 콘텐츠 수정하는 등의 방법으로 콜백이 정상 전달되는지 확인 부탁드립니다.

 Kakao.Auth.login({
        success: () => { alert(1); }

 Kakao.Auth.login({
        success: () => { document.getElementById("...").innerHTML = 'success'; }
#8

항상 발생하는 이슈는 아닙니다.
저희측에서 재현되는것을 보여드리고자 시도하던 중 17시 33분경 위와같은 에러가 다시 나타났습니다.
해당 이슈는 로그인을 해도 콜백을 받지 못하고 카카오 로그인 팝업창만 새로고침 되면서 팝업창이 종료되지 않습니다.
콜백을 받지 못하는 현상을 영상으로 녹화 하고자 하였지만,

34분에서 35분 사이에 정상적으로 로그인 되었습니다.

혹시 로그를 확인하실 수 있을지 궁금합니다.

#9

서비스에서 사용하시는 팝업 로그인의 경우
브라우저 내에서 카카오 로그인 여부를 지속 체크하고, 성공한 경우 callback 함수를 호출하게 되는데요

저희쪽 로그에서는 사용자가 동의 과정을 정상적으로 진행한 것으로 확인됩니다.

좀더 정확한 확인을 위해 17시 33분경 문제의 로그인 시도하신 계정을 알려주실 수 있을까요? (회원번호를 전달해 주셔도 됩니다.)

@woody.ho ← 클릭하시면 메시지 전송 가능합니다.