모바일에서 카카오싱크 자동로그인 안되고 ID/PW 입력창이 뜨는 문제

문의 사항에 따라 필요한 정보를 먼저 입력하시면 더 빠르게 대응해 드릴 수 있습니다.

  • 개발 과정에서 문제가 있을 경우

    • 앱 아이디(app ID): -
    • 호스팅 사: 카페24
    • 서비스 URL : coeir.co
    • 오류 내용 : 모바일에서 카카오싱크 자동로그인 안되고 ID/PW 입력창이 뜨는 문제 어떻게 해결할까요? 다른 브랜드 중에서 카카오 ID/Pw 입력창이 나올 경우 상단에 ‘카카오로 로그인하기’ 버튼이 나와 앱을 강제로 오픈하여 자동 로그인 시키는 경우도 있던데 그건 어떻게 구현하는지 궁금합니다.
  • 퍼머링크 생성이 필요할 경우 (자세한 신청 방법은 가이드 참고)

    • 카카오싱크 퍼머링크의 서비스 랜딩URL:
    • 디벨로퍼스 앱과 연결된 카카오톡 채널의 검색용 아이디:

카카오 로그인 관련 에러(Invalid redirect. 예: KOE006)가 발생할 경우, 가이드를 참고합니다.
카카오 싱크 관련 자주하는 질문은 FAQ를 참고합니다.

안녕하세요.

확인을 위해 앱 ID 부탁드립니다.


앱ID
https://developers.kakao.com/ 의 내 애플리케이션에 표시되는 ID 값 입니다.
숫자로된 ID 입니다
ex) 123456

[@tim.l @woody.ho]

앱ID : 958286입니다.

ID/PW 입력창이 나왔다는 것은 카카오톡으로 로그인이 실패했다는 의미입니다.

저는 재현되지 않는데 재현 영상과 카카오톡 설치 및 로그인 여부 확인 부탁드려요.

1개의 좋아요


영상 첨부드립니다.
안드로이드 폰이고 카카오톡 설치 및 로그인 되어있는 상태입니다.
어떤 안드로이드 폰에서는 자동 로그인 되고, 어떤 폰에서는 안되네요.ㅠ

안녕하세요.

인스타그램 웹뷰에서는 다른 앱으로의 스킴 이동을 차단하기에 브라우저 기반인 ID/PW 로그인 화면으로 동작하게 됩니다.

인스타그램 웹뷰에 저장된 카카오 계정 세션에 따라 자동 로그인이 될 수도 있고 다시 ID/PW로그인이 필요할 수도 있습니다.

이는 인스타그램이 구현한 웹뷰 정책에 따라 동작하는 부분으로 카카오측 제어에 의해 발생되는 현상은 아닌점 참고 부탁드립니다.


안녕하세요, 혹시 첨부된 이미지와 같이 카카오톡 앱을 강제로 열리도록 해주는 건 어떻게 할 수 있을까요?
이렇게 구현된 곳이 간혹 보여서요.

안녕하세요.

첨부해 주신 이미지는 카카오 계정 로그인 페이지로, REST API 방식의 로그인 사용 시, 이용자의 브라우저에 따라 표시될 수 있습니다.

다만, 해당 버튼이 표시된다 하여도 톡을 통한 로그인은 어디까지나 해당 웹뷰를 구현한 인스타그램의 정책에 따라 성공 여부가 영향 받기에 반드시 동작한다고 보장되지는 않습니다.

안녕하세요, 말씀주신 제약에도 불구하고 사용을 하고 싶다면 REST API 방식 로그인을 사용하면 되는거겠군요? 저희가 카페24로 구현된 쇼핑몰인데 해당 방식으로 개발하는데 제약이 있을까요?

말씀 주신바와 같은 사용은 불필요 합니다.

현재 인스타그램의 경우
iOS에서는 유니버셜링크가 지원되기에 JS SDK를 사용하더라도 톡으로 로그인이 가능하며, ID/PW로그인 방식에서도 “카카오톡으로 로그인” 버튼이 표시됩니다.

안드로이드의 경우는 스킴 호출이 불가하기에 REST API 방식의 로그인을 사용하더라도 이미지의 버튼은 표시되지 않습니다.

그렇다면 안드로이드의 경우에는 인스타그램 웹뷰에서 한 번이라도 카카오톡 로그인을 해야만 자동 로그인이 가능하고, 그게 아니라면 무조건 ID/PW 입력창이 나올 수 밖에 없는거네요?

안녕하세요

인스타그램의 웹뷰 구현 정책에 따라 해당 웹뷰의 카카오 계정 세션은 언제든지 비활성화 될 수 있고
이 경우라면 앞서 카카오 계정 로그인 여부와 무관하게 ID/PW 입력이 다시 수행되어야 할 수 있습니다.

일반 브라우저와 달리 웹뷰는 이를 구성한 서비스측의 방향대로 동작하고
이 정책은 해당 앱의 업데이트 또는 구현 내용에 따라 언제든지 변경될 수 있기에
회원님 께서는 ID/PW 입력 필요 여부에 대해 정확히 예측하실 수 없는점 참고 부탁드립니다.