모바일 웹에서 크롬, 기본 브라우저 등 외부 브라우저에서는 ID/Password를 이용해야 하는 불편함이 있었습니다. 내 카카오톡에는 계정이 있음에도 불구하고 여러 카카오게임에서는 카카오톡으로 간편로그인을 하는데 왜 모바일 웹에서는 ID/Password를 입력하지?? 라고 많은 사용자들이 불편하셨을텐데요.
이제 드디어 모바일 웹에서도 카카오톡 앱을 이용한 간편 로그인이 지원됩니다!
- 모바일에서만 가능
- 안드로이드 버젼 키캣 이상
- Chrome 엔진 v40이상
- 외부 3rd 인앱 브라우저에서는 인앱 브라우저의 별도 구현이 필요
- Android 샘플: https://github.com/CoderSpinoza/KakaoIntentWebViewExample
- iOS 샘플: https://github.com/blomcheol/kakao-ios-webview-example
설명 1)
kakao sdk의 아래 code 부분의 timeout 인터벌 값이 250일 경우에 테스트 환경에서 intentUri 동작 확률이 매우 낮습니다(23/100 성공 - 갤럭시 S6 엣지). 개인적으로 실험해보니 250인 값을 800 정도로 변경했을 경우 확률이 많이 올라가는 것을 확인할 수 있었습니다. 물론 기존 값에도 동작을 잘하는 기기(넥서스 5X)도 존재하였고 3~4가지 기기에서 테스트 한 것 뿐이라서 조심스러운데… 인터벌 값 정하셨을 때의 기준이 궁금합니다. 기존 web2app에서와 같이 실험적으로 정하신 것인지요?
설명 2, 3)
설명 1과 연장되는 현상인데, 1에서 앱을 통한 로그인에 실패하였을 경우 기존 웹 로그인 팝업이 뜨는데 이때 크롬의 “팝업이 자동으로 표시되지 않는” 기능으로 인해 팝업 허용 전에는 로그인 창이 뜨지 않습니다. 문제는 3의 about:blank 창이 닫히지 않아 해당 “팝업 허용” 관련 노티를 확인하기 어렵다는 점인데요. 앱을 통한 로그인을 실패할 경우에 새로 열린 about:blank 창이 원래는 닫히는 것인지, 그게 아니라면 자동으로 닫히는 기능에 대해 개발 계획이 있으신지 궁금합니다.
This topic is now pinned globally. It will appear at the top of its category and all topic lists until it is unpinned by staff for everyone, or by individual users for themselves.
네 기본적으로 하이브리드는 지원이 어렵습니다만 하이브리드의 구현 형태에 따라 실행이 가능하도록 가이드 하는 경우도 있습니다.
cordova 같은 프레임웍을 사용하시지 않고 iOS 의 UIWebView 등을 이용해서 웹 페이지를 렌더링하는 방식이라면 UIWebView 를 커스터마이징 하셔서 JS SDK가 동작하도록 할 수도 있습니다.
넥서스 5X 에서 카카오톡의 인앱브라우저에서
커스텀 로그인 버튼 데모와 동일한 소스코드의 로그인 버튼이 있는 페이지를(앱키만 다름) 로딩해서 버튼을 눌렀을때
로그인이 동작하지 않습니다.
콜백으로 success fail 둘다 호출되지 않으며
로그인페이지도 나타나지 않습니다.
올려두신 https://developers.kakao.com/docs/js/demos/login 여기서는 넥서스5x 에서도 잘됩니다만
동일한 소스를 저희 서버에 올려서 앱키를 바꿔서 테스트 했는데 동작하지 않았습니다.
다른 폰이나 카톡 인앱브라우저가 아닌 웹 브라우저에서는 정상동작했습니다.
확인 부탁드립니다.
