안드로이드 인스타앱에서 카카오싱크로 로그인 할려고 하면 앱이 실행되지 않고 웹 로그인 화면으로만 이동합니다

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

  • 개발 과정에서 문제가 있을 경우
    • 앱 아이디(app ID):478466
    • 호스팅 사:카페24
    • 서비스 URL : m.lifevitamin.kr
    • 오류 내용 : 안드로이드 인스타앱에서 카카오싱크 로그인 시도시 앱이 뜨지 않고 웹 로그인 화면이 뜸, 아이폰에서는 정상작동함, 인스타에서 다른 서비스들로 테스트 하면 카카오앱이 잘 뜹니다.
      weetamin.co.kr에서처럼 웹 로그인 화면에서 카카오 로그인을 선택했을때라도 앱이 뜨면 될거 같은데 로그인화면이 weetamin과는 다르게 표시가 되는데 추가적인 설정이 필요한지도 궁금합니다. (바로 앱이 뜨면 좋을것 같은데 안된다면… 그런 방식이라도…)

로그인 방식은 Kakao.Auth.authorize로 변경없이 사용중
MemberAction.kakaosyncLogin = function (clientSecret) {
setKakaoSdkInit(clientSecret);
Kakao.Auth.authorize({
redirectUri: location.origin + EC_ROUTE.getPrefixUrl(’/Api/Member/Oauth2ClientCallback/kakao/’)
});
};

  • 퍼머링크 생성이 필요할 경우 (자세한 신청 방법은 가이드 참고)
    • 카카오싱크 퍼머링크의 서비스 랜딩URL:
    • 디벨로퍼스 앱과 연결된 카카오톡 채널의 검색용 아이디:

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

안녕하세요.

페이스북 및 인스타그램 인앱브라우저에서 JS SDK authorize 호출 시,
올해 3월 부터 카카오톡 앱이 호출안되는 상황이 있었고
분석해보니 인텐트 스킴 표준 스펙에서 HOST/URI-path 는 생략 가능하나 생략한 경우 페이스북 및 인스타그램 인앱브라우저에서 에러 처리 하는 것으로 확인되었습니다.

관련하여 안내 했으나 반영되지 않아
페이스북 및 인스타그램 인앱브라우저는 고객 편의상 카카오 계정로그인으로 대체되었습니다.

이는 페이스북 및 인스타그램 인앱브라우저 지원 상황에 따라 의도적으로 처리된 내용입니다.

감사합니다.

Screenshot_20221020-085723
Screenshot_20221020-085743

현재 인스타 앱의 이슈로 발생된 문제라는것은 동의합니다만
해당 이슈에 대해서 weetamin이라는 곳에서는 웹 로그인 화면(accounts.kakao.com)에 카카오톡으로 로그인이라는 버튼이 있고 이걸 누르면 카카오톡이 실행됩니다. lifevatamin에서는 그게 안뜨니 그걸 뜨게 할려면 어떻게 해야 하냐가 질문중 하나 입니다. 카카오싱크나 카페24 혹은 파라미터 전송시 설정이 추가적으로 더 필요하냐고 문의한것입니다.

weetamin이라는 곳에서는 authorize가 아닌 링크로 이동 한후 해당 화면으로 가는데 state에 kakao_sync Y라고 하는 파라미터가 더 들어가는 차이가 있던데 이것에 대해 설정하는거라던지가 궁금합니다. ( state=Lw%253D%253D%7Ckakao_sync%7CY%7C%7C )
실제 최초 웹사이트에서 카카오 로그인시 사용하는 버튼 링크 : ( https://kauth.kakao.com/oauth/authorize?response_type=code&redirect_uri=https%3A%2F%2Fweetamin.co.kr%2Foauth&client_id=128d0f5f26753b5049f9e393f8340789&state=Lw%3D%3D|kakao_sync|Y|| )

말씀하신대로라면 weetamin이던 lifevitamin이던 동일 현상이 있어야 하지만 보시다시피 실제적으로 차이가 있으니 동일하게 처리가 가능할지 문의드린것입니다.

현재 인스타 앱의 이슈로 발생된 문제라는것은 동의합니다만
해당 이슈에 대해서 weetamin이라는 곳에서는 웹 로그인 화면(accounts.kakao.com)에 카카오톡으로 로그인이라는 버튼이 있고 이걸 누르면 카카오톡이 실행됩니다. lifevatamin에서는 그게 안뜨니 그걸 뜨게 할려면 어떻게 해야 하냐가 질문중 하나 입니다. 카카오싱크나 카페24 혹은 파라미터 전송시 설정이 추가적으로 더 필요하냐고 문의한것입니다.

카카오 계정 로그인 페이지에 “카카오톡으로 로그인” 버튼이 뜨는 것은 REST-API방식 로그인일때 표시됩니다.
사용방법은 가이드 확인해주세요.

가이드 REST API | Kakao Developers REST API

weetamin이라는 곳에서는 authorize가 아닌 링크로 이동 한후 해당 화면으로 가는데 state에 kakao_sync Y라고 하는 파라미터가 더 들어가는 차이가 있던데 이것에 대해 설정하는거라던지가 궁금합니다. ( state=Lw%253D%253D%7Ckakao_sync%7CY%7C%7C )
실제 최초 웹사이트에서 카카오 로그인시 사용하는 버튼 링크 : ( https://kauth.kakao.com/oauth/authorize?response_type=code&redirect_uri=https%3A%2F%2Fweetamin.co.kr%2Foauth&client_id=128d0f5f26753b5049f9e393f8340789&state=Lw%3D%3D|kakao_sync|Y|| )

JS SDK authorize방식을 사용 시, 페이스북/인스타그램 인앱브라우저라면 내부적으로 카카오톡이 아닌 카카오계정로그인으로 처리하도록 되어 있습니다. 아쉽지만, JS SDK authorize방식이고 페이스북/인스타그램 인앱브라우저라면 카카오톡으로 로그인할 수 있는 옵션은 따로 없습니다.
참고로, 해당 서비스는 REST-API방식 로그인 주소를 사용하시는 것이고 state파라메터는 인가요청 시, 세팅한 파라메터를 리다이렉트URI에서 확인하기 위한 용도로 가입경로 확인을 위해 보통 사용합니다.

참고 부탁드려요.