웹로그인 방식에서 iOS / Android 화면 차

image

iOS, Android의 웹뷰에서
아래 화면을 통해서 로그인을 처리하고 있는데
https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&redirect_uri=https://insightskr.deloitte.co.kr/Account/KakaoLogin&state=dgcs

iOS에는 “카카오톡으로 로그인” 버튼이 보이지 않는데
Android에서는 “카카오톡으로 로그인” 버튼이 보이고 있습니다.
OS를 체크하여 버튼을 보이고 안보이고 하는 로직이 있나요?
iOS, Android 모두 동일한 화면을 호출하는데
해당 버튼을 양쪽에서 모두 보이지 않게 처리하고 싶습니다.
혹시 방법이 있을까요?

안녕하세요.

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


앱ID
https://developers.kakao.com/ 의 내 애플리케이션>앱 설정>요약 정보 : 기본정보에 있는 앱 ID
숫자로된 ID 입니다
ex) 123456

image

앱아이디 804548 입니다.

“카카오톡으로 로그인” 기능은 아래 기준으로 노출 설정됩니다.

  • 지원 가능한 카카오톡 버전 : And 9.1.0 / iOS 9.0.0 이상
  • 지원 가능 어플리케이션 : Chrome, Safari 등 기본 브라우저 + Naver / Instagram
  • 그외 비표시

Android에서도 웹뷰에서 처리 하시면 해당 버튼이 표시안되야하는데요.
UA를 커스터마이징 하셨나요?

웹뷰내에서 로그인 시, 카카오계정 페이지에서 카카오톡으로 로그인 처리하는 것이 아니라
로그인 시, ID/PW입력 없이 안전하게 카카오톡 앱으로 인증하는 JS SDK authorize방식 로그인 이용해보시겠어요?

UA 가 어떤걸 말씀하시는거죠?
따로 웹뷰에서 커스텀 처리를 하지는 않았습니다.
해당 버튼이 안보이게끔 파라매터 처리 하는 방법은 없을까요?

User-Agent, 사용자의 브라우저, OS 플랫폼 정보를 의미합니다.

예를들어 이런식의 값인데요.

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36
Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Mobile Safari/537.36

아래와 같은 값이 들어오네요? 뭔가 다른 처리를 하시거나 다른 환경에서 진행하시는 것 같습니다.

DeloitteInsightsKR/1.0 (Android)
DeloitteInsightsKR/1.0 (iPhone)

따로 컨트롤하는 기능은 제공하지 않고,
JS SDK authorize방식 로그인 했을때 톡으로 로그인 할 수 없는 환경이라면, 카카오 계정 페이지로 진입하고 해당버톤 표시되지 않습니다.

현재 사용중이신 REST-API방식 로그인 시, 카카오 계정 페이지로 진입하면 카카오톡으로 로그인 버튼은 기본적으로 표시되며, 위에 기재한 UA에 따른 노출 기준에 따라 비표시 됩니다.

UA에 따른 노출 기준을 알 수 있을까요?
특이 아이폰의 경우에 “카카오톡으로 로그인” 버튼이 안보이는 UA 값이 궁금합니다.

위에 설명드린 내용과 같습니다.

UA값이 Chrome, Safari 등 기본 브라우저 + Naver / Instagram 인앱브라우저일때
REST-API방식으로 로그인했다면,
카카오 계정 로그인 페이지에 “카카오톡으로 로그인” 버튼노출됩니다.