모바일 웹 카카오 로그인 페이지 카카오톡 로그인 버튼

모바일 웹에서 카카오로그인 진행시 카카오톡으로 넘어가는 것이 아니라 사용자가 선택적으로 하게 하고 싶었습니다.
그래서 kakao.authorize에 prompts 값을 'login’으로 전달하였습니다.
결과적으로 사용자가 카카오 계정을 입력하는 accounts.kakao 페이지로 넘어가게 되었는데 이 페이지에서 카카오톡을 이용한 로그인 버튼이 표시가 되지 않아서 문의 드립니다.

prompts 말고 다른 추가적 옵션을 더 넣어야되나요?
아니면 SDK 버전을 올려야되는 걸까요?

현재화면
image

원하는 화면
image

prompts 'login’ 옵션은 항상 ID/PW입력하여 로그인하도록 하는 옵션이고,
JS SDK이용하여 카카오 계정 로그인 페이지에 진입시에는 톡으로 로그인 버튼을 표시하지 않습니다.

카카오톡앱으로 인증할 수 있는 모바일 환경에서 카카오톡으로 인증하는 것은

throughTalk 옵션이며 디폴트 true입니다.

JavaScript | Kakao Developers JavaScript

이용자 선택에 따라 throughTalk 옵션을 false로 처리하시면 카카오 계정 페이지로 로그인 가능하며
이역 시, 계정 로그인 페이지에 진입시에는 톡으로 로그인 버튼을 표시하지 않습니다.

throughTalk 옵션을 true로 설정해도 톡으로 로그인 할 수 없는 환경에서는 계정 로그인 페이지로 진입합니다.

참고 부탁드려요.

그러면 JS SDK를 이용한 방법에서는 카카오톡로그인과 ID/PW를 이용한 로그인 두개를 동시에 지원하는 방법은 없는 걸까요?

  • 추가적으로 동일하게 Android, IOS 어플에서의 로그인에서도 2가지 방식을 동시에 지원할 수 있는 방법이 없을까요?

JS SDK authorize. 방식 카카오 로그인을 사용하면 카카오톡앱으로 로그인 가능한 모바일기기에서 톡으로 로그인 하고
throughTalk를 false로 설정하면 ID/PW입력 로그인을 하므로

각각 버튼 두개를 두고 서비스 하는 방법도 있을 것 같습니다.


Android, IOS 네이티브 SDK 를 사용하신다면 카카오톡으로 로그인과 카카오계정으로 로그인 함수를 각각 제공하고 있습니다.

각각 버튼을 두어 사용하시면 될 것 같습니다.

말씀해주신걸 정리해보자면
서비스에 카카오톡으로 로그인하는 버튼, 카카오 계정으로 로그인하는 버튼을 각각 두어야된다는 말씀이신거죠?
웹/앱 관계없이

지금 당장 할 수 없겠지만 혹시 하나의 버튼만 구현해서 카카오측에서 선택해서 로그인을 진행할 수 있도록 개선할 예정이 있을까요?

서비스 제공하는 입장에서 카카오 로그인 버튼 2개가 있는 건 좋지 못한 UI/UX를 줄 것 같습니다.
카카오 로그인 버튼 하나를 통해서 카카오톡 로그인과 카카오 계정을 유저가 선택해서 로그인할 수 잇으면 좋을 것 같아요.
현재 그냥 accounts.kakao.com 페이지에 접속하면 이용할 수 있는 로그인이 제공되었으면 좋겠습니다.

서비스에 카카오톡으로 로그인하는 버튼, 카카오 계정으로 로그인하는 버튼을 각각 두어야된다는 말씀이신거죠?

네, JS SDK에 두가지 버튼제공은 따로 하고 있지 않으며 일반적으로 카카오톡앱으로 로그인가능한 시점에 카카오톡 앱으로 로그인 먼저 시도하는 JS SDK authorize방식 로그인을 사용합니다.

필요하신 경우, 말씀하신 동선을 직접 구현하셔야합니다.

서비스 제공하는 입장에서 카카오 로그인 버튼 2개가 있는 건 좋지 못한 UI/UX를 줄 것 같습니다.
카카오 로그인 버튼 하나를 통해서 카카오톡 로그인과 카카오 계정을 유저가 선택해서 로그인할 수 잇으면 좋을 것 같아요.
현재 그냥 accounts.kakao.com 페이지에 접속하면 이용할 수 있는 로그인이 제공되었으면 좋겠습니다.

JS SDK authorize방식 로그인 시, 별도 페이지 없이 카카오톡으로 로그인을 먼저 시도하게되고
카카오톡으로 로그인 할 수 없는 상황에 카카오 계정 로그인페이지로 이동하므로
ID/PW입력하는 카카오계정페이지에서는 다시한번 카카오톡으로 로그인 버튼을 띄우지 않게 하는 것으로 의도된 동선입니다.

아쉽지만, 해당 기능 제공은 어려운 부분 참고 부탁드립니다.


추가로,

JS SDK가 아니라 REST-API방식으로 카카오 로그인하면 카카오톡 앱으로 로그인하지 않고 바로 카카오 계정 페이지로 진입하게되는데, 이때는 모바일 환경에서 카카오톡으로 로그인 버튼을 표시합니다.

참고 부탁드려요.

친절한 답변 너무 감사합니다!

마지막으로 Android/IOS 네이티브 SDK에서는 카카오톡, 계정 동시 로그인 지원이 안되고 카카오톡 로그인함수, 카카오계정 로그인 함수로 각각 구현하는 방법만 있는 거죠?

아니면 앱에서도 그냥 웹뷰형식으로 동일한 화면을 띄워서 제공할 수 있을까요?