ID : 1216514
bubble.io 로 만든 웹페이지를 Natively 로 래핑한 웹앱에서 카카오 로그인을 REST API로 구현하였고, 카카오 로그인을 시도하면 앱내 웹뷰로 로그인창이 열립니다.
이 경우 ‘카카오톡으로 로그인’ 버튼이 노출되지 않아야 하는 것으로 이해하고 있는데, 버튼이 보입니다.
왜 노출되는지, 이 버튼을 노출하지 않으려면 어떻게 해야 하는지 문의드립니다.
카카오계정 페이지의 카카오톡으로 로그인 버튼은 User-Agent 기반으로 모바일 기본 브라우저 여부를 판단해 표시합니다.
인앱브라우저에서 UA를 어떻게 처리하고 있나요? full User-Agent 값 공유해주시겠어요?
앱 내에서는 확인이 어려워서, 동일한 웹페이지를 PC에서 확인해서 공유드립니다
Mozilla/5.0 (iPhone; CPU iPhone OS 16_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Mobile/15E148 Safari/604.1
PC에서 확인하신 정보가 아니라 개발하신 앱에서 띄운 브라우저 User-Agent가 모바일 기본 브라우저 환경이라 해당 버튼이 표시되는 것 같은데요.
카카오톡으로 로그인 하면 어떻게 되나요?
카카오톡으로 이동은 하지만, 로그인 후 다시 앱으로 돌아왔을 때 반영되지는 않습니다.
보통은 인앱브라우저를 사용하면 해당 버튼이 표시되지 않는데요.
인가코드요청 시, &prompt=login 파라메터 추가해보시겠어요?
아, 이미 추가해두었는데 계속 뜨고 있는 상황입니다
아. 맞네요. 로그인을 항상할뿐 UA따라 버튼이 표시됩니다.
그렇다면 인앱브라우저를 통제할 수 없는 상황이시니
로그인 페이지를 인앱브라우저에 띄우시고 Javascript SDK authorize 함수로 카카오 로그인 하도록 하되
throughTalk: false 옵션을 주면 톡으로 로그인을 제공하지 않습니다.
검토 해보시겠어요?
Auth - Kakao JavaScript SDK
JavaScript | Kakao Developers JavaScript
js SDK를 사용하는 대신 REST api 방식을 그대로 사용하면서 시도해볼 수 있는 방법이 혹시 있을까요?
안녕하세요.
아쉽지만, REST API 로그인 중 계정 페이지 표기는 PC/모바일 범용적으로 사용되며 제공되는 방법 외 통제 하실 수는 없습니다.
첨부한 사진에서 왼쪽은 ui가 safari처럼 보이는데 그래서 기본 브라우저로 인식된 걸까요?
REST API 방식을 사용하더라도 오른쪽처럼 열리면 인앱 브라우저로 인식되어 카카오톡으로 로그인 버튼이 노출되지 않을 수 있을지 의견을 여쭤보고 싶습니다.
우측은 JS SDK를 사용한 케이스 입니다.
주소 차으이 talk-apps.kakao.com 은 카카오톡 유니버셜링크로 톡이 설치된 경우 톡이 실행되고 아닌경우 첨부 이미지와 같이 표시됩니다.