카톡 인앱 브라우저 웹로그인 오류

JavaScript
#1

SDK 버전 정보 : Kakao SDK for JavaScript - v1.43.2
앱ID : 679009

IOS 17.4 버전에서 카톡 인앱 브라우저 내 로그인 시도 시 오류가 발생 합니다…
이외 버전에서는 잘 동작 합니다…

혹 원인이나 해결책을 알 수 있을까요?

감사합니다.

#2

안녕하세요.

서비스에서 아래 오류가 간헐적으로 발생하고 있습니다.
확인 부탁드립니다.

KOE013
로그인 과정 중 클라이언트의 IP가 변경되면 발생하는 오류로 다음과 같은 상황에서 발생할 수 있습니다.

  • 아이폰 사용자가 iCloud 비공개 릴레이를 활성화 한 경우 발생
  • LTE 환경에서 통신망 특성 상, 네트워크 환경 불안정 시, 클라이언트의 IP가 변경

KOE320
유효하지 않은 인가코드를 사용할 때 발생하는 오류입니다.
발급받지 않은 인가코드를 사용하였거나 2회 사용하는 경우 발생합니다.
서비스측 로직 점검 부탁드립니다.

#3

@woody.ho
오류가 발생하는 주소를 웹으로 접근할 시 출력되는 오류입니다.

Uncaught TypeError: kauth.proxyHost(...).getKakaoAgent is not a function
    at respond (authorize?client_id=...&scope=phone_number,%20gender,%20profile_nickname,%20profile_image,%20name,%20birthday,%20birthyear&redirect_uri=kakaojs&response_type=code&state=...:39:46)

IOS 17.4 이후 버전으로 접근하면 해당 오류 출력과 먹통이 됩니다.
IOS 17.4 이전의 아이폰에서는 정상 로그인이 됩니다.
서비스측 로직에 문제가 있어서 발생하는 오류가 맞을까요?

Kakao SDK for JavaScript 버전을 올리면 해결되는지 궁금하여 질문합니다.

#4

로그인에 사용하신 코드 공유 부탁드립니다.
Kakao.Auth.authorize or login

#5

@woody.ho

const kakao = {
	initialized(): boolean {
		return Kakao.isInitialized();
	},

	login(sb: successCallbackAuth, eb: failureCallbackAuth): void {
		return Kakao.Auth.login({
			success(s: AuthSuccessObject): void {
				sb(s);
			},
			fail(e: AuthError): void {
				eb(e);
			},
			scope:
				'phone_number, gender, profile_nickname, profile_image, name, ' +
				'birthday, birthyear',
		});
	},
	me(s: successCallbackApi, e: failureCallbackApi): Promise<ApiResponse> {
		return Kakao.API.request({
			url: '/v2/user/me',
			data: {
				property_keys: [
					'properties.nickname',
					'properties.profile_image',
					'properties.thumbnail_image',
					'kakao_account.name',
					'kakao_account.gender',
					'kakao_account.age_range',
					'kakao_account.birthday', 
					'kakao_account.birthyear',
					'kakao_account.profile',
					'kakao_account.phone_number',
				],
			},
			success: s,
			fail: e,
		});
	},
	token(): string {
		return Kakao.Auth.getAccessToken();
	},
	status(c: checkCallbackStatus): void {
		Kakao.Auth.getStatusInfo((status: AuthStatusObject) => {
			c(status);
		});
	},
};

입니다!

#6

해당 오류는 부모 창을 찾지 못하는 경우 발생하는데요
iframe이나 팝업 윈도우를 차제 컨트롤 하시는 경우 발생될 수 있습니다.

관련된 코드를 확인하여 조치하시는 것도 좋지만 redirect_uri 방식의 Kakao.Auth.authorize 를 사용하시는 것을 권장 드립니다.