iOS 카카오톡 미설치 디바이스에서 카카오로그인 오류

iOS 사파리, 크롬등의 브라우저에서
카카오톡이 설치 되어 있지 않은 브라우저에서 카카오로그인시
팝업창이 나왔다가 바로 사라지는 오류가 있습니다

비슷한 사례의 오류 리포트가 있을까요?

안녕하세요.

로그인을 위해 개발 하신 부분을 공유해 주시면 원인 파악에 도움이 될 것 같습니다.
그리고 앱 ID도 함께 부탁드립니다.


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

ex) 123456

600240 입니다

	$.post(simpleLogin.apiURL + '/api/login/kakaokeys', {} , function(response) {
		if (response.result == true) {

			if(!simpleLogin.kakaoInit){
				Kakao.init(response.keys);
				simpleLogin.kakaoInit = true;
			}
		}
	}, 'json');

		const join_type = "member";
		const IEIndex = navigator.appVersion.indexOf("MSIE");         // MSIE를 찾고 인덱스를 리턴
		const IE8Over = navigator.userAgent.indexOf("Trident");		// MS IE 8이상 버전 체크

		if (IEIndex > 0 && IE8Over < 0) {
			simpleLogin.openSimpleLoginModal("show", "카카오 로그인을 지원하지 않는 브라우저 버전입니다.\nInternet Explorer 8 버전 이상 사용해 주세요.", "alert")
			// loadingStop("body", true);
		} else {
			// 로그인 창을 띄웁니다.
			Kakao.Auth.login({
				success: function (authObj) {

					if (authObj.access_token) {
						Kakao.API.request({
							url: '/v2/user/me',
							success: function (userObj) {
								if (userObj.code < 0) {
									simpleLogin.openSimpleLoginModal("show", "잘못된 접근입니다.", "alert")
									//alert("잘못된 접근입니다.");
									return false;
								} else {
									var pram = {'mtype': join_type};
									var kakaoObj = $.extend(authObj, userObj, pram);
									Kakao.API.cleanup();		//kakao 리소스 해제
									kakaojoinlogin(kakaoObj);
								}
							}
						});
					} else {
						simpleLogin.openSimpleLoginModal("show", "잘못된 접근입니다.", "alert")
						return false;
					}
				}, fail: function (res) {
					simpleLogin.openSimpleLoginModal("show", "잘못된 접근입니다.", "alert")
				}
			});
		}

입니다 메인 페이지에서만 불러올때 그냥 닫혀버립니다.

Kakao.Auth.login 까지는 실행을 시켜 팝업창을 띄우지만

talk-app`~~ 페이지에서 카카오 계정 아이디/로그인 정보 입력 페이지 진입을 못하고
팝업창이 닫힙니다.

해당 사이트에서 말씀하신 증상을 확인하였습니다.

우선, 구현하신 JavaScript 에는 문제가 없어 보입니다.
때문에 구현 하신 사이트에 원인이 있을 것 같습니다.
(저도 원인이 무엇일지 확인 중이나 시간이 걸릴 듯 합니다.)

아래는 팝업 로그인 테스트 페이지 입니다.
우선, 테스트 하신 디바이스에서 정상 동작 되는지 확인 부탁드립니다.

Kakao Developers - 팝업방식 로그인 샘플

@woody.ho

보내주신 URL에서 확인해봤습니다.

안드로이드에서 이상증상이 있어 문의 드립니다

  1. 카카오톡이 설치 되어 있음
  2. 카카오톡 계정 로그인은 하지 않음
  3. 크롬등의 모바일 웹에서 카카오톡 로그인 버튼 클릭(위 알려주신 URL의 버튼 포함)
  4. 작동안함.

확인부탁드려요

저희쪽에서 재현이 어려운데요
테스트 하신 계정과 사이트 URL을 메시지로 알려주시겠어요? @woody.ho

https://developers.kakao.com/tool/demo/login/login?method=dynamic

위에 링크 보내주신 URL 입니다

문의 주신 계정으로는 윈도우10에서 로그인 호출만 있으십니다.
(안드로이드에서는 앱 전환이 되지 않아 기록이 없었던 것 같습니다.)

현재 안드로이드 카카오톡 구조상 미로그인 시에는 앱 전환이 안되고 있습니다.
참고 부탁드립니다.

@woody.ho

현재 안드로이드 카카오톡 구조상 미로그인 시에는 앱 전환이 안되고 있습니다.

그렇다면 현재는 카카오톡 앱 전환이 아닌 카카오 ID/PW 계정 로그인 하는 크롬등 웹 페이지 호출도 불가능한걸까요?

SDK에서(안드로이드기준) loginWithKakaoAccount 메소드를 사용하시면, 웹뷰를 통해 로그인 시킬 수 있습니다.

그럼 웹뷰가 아닌 모바일 웹브라우저에서는 안드로이드 특성상 앱 전환도 PC와 동일하게 팝업호출과 같은 카카오 웹페이지 호출로도 불가능한걸까요?~?

수정이 안되어 여기다가
물론 조건은 동일한 카카오톡 설치, 비로그인 상태 일때 입니다.

해당 경우 카카오톡 호출이 아닌 카카오 로그인 페이지로의 호출이 불가능할까요?

모바일웹에서 JS SDK를 사용한 방식으로는 현재로서는 불가 합니다.
(sdk에서 카카오톡 설치 여부를 확인하여 앱으로 연결하기 때문입니다.)

때문에, 강제로 계정로그인 페이지를 제공하시려면 아래와 같이 인가코드 요청페이지로 바로 이동하는 방법을 사용하셔야 합니다.

https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URL}

답변 감사합니다.

내부적으로 검토 해보도록 하겠습니다.