일부 사용자가 safari 브라우저에서 카카오 로그인에 실패합니다

JavaScript
1

카카오 로그인 연동 중 일부 사용자의 콜백 처리 문제가 발생하여 문의드립니다.

현재 상황:
redirectUri로 전달하는 callback 페이지에서 일부 사용자의 경우 인가 코드가 누락되는 현상이 발생하고 있습니다. 대부분의 사용자는 정상적으로 로그인됩니다.

문제가 발생하는 환경:
기기: iPhone 15 Pro (iOS 18.0.1)
재현 케이스:

  • 슬랙에서 웹링크로 접근: 카카오 로그인 성공 후 웹 복귀 시 code 누락으로 로그인 실패
  • Safari에서 웹링크로 접근: 카카오 로그인 성공 후 웹 복귀 시 code 누락으로 로그인 실패
  • 앱(웹뷰)에서 접근: 카카오 로그인 정상 작동

정상 동작하는 환경:

  • 데스크톱에서 접근: 카카오 로그인 정상 작동

개발 환경:

  • Kakao JavaScript SDK 2.1.0
  • 앱 ID: 88615

이 문제의 원인과 해결 방안에 대해 조언 부탁드립니다.

2

안녕하세요.

재현가능한 웹링크 알려주시겠어요?

3 
5im1fJ7b_48aP-9z7wFn6ZBGDS3vkAbeVi9ARDsoLb5mTYaDv4OizQAAAAQKKcjZAAABk-KjGw0WphHJzwXJqw

인가코드를 받아 소문자로 치환후, 액세스 토큰 요청한 케이스가 더러 보이네요.

5im1fj7b_48ap-9z7wfn6zbgds3vkabevi9ardsolb5mtyadv4oizqaaaaqkkcjzaaabk-kjgw0wphhjzwxjqw
4

https://accounts.taling.me/auth/signin?redirectUrl=https://www.taling.me/talent/55430/checkout
로그인 웹 링크 전달드립니다.

5

image
image1174×568 45.1 KB

소문자 치환도 문제가 될까요?
인가 코드가 없는 문제는 첨부드린 사진 속 코드에서 나타나는 에러라, 인가코드를 받지조차 못한 것 같습니다.

6

안녕하세요.

인가코드는 인가코드 요청 시 전달한 redirect_uri 로 302 리디렉션에 포함되어 전달 되기에 누락되지 않습니다.
단, 모바일 환경에 사용자가 카카오 로그인 과정 중 동의 화면에서 동의하지 않고 “취소”(모바일 카카오톡에서만 표시)하게되면 error만 redirect_uri로 전달되는점 참고 부탁드립니다.

추가로, 접근토큰 발급 시 인가코드는 제공된 원문 그대로 사용부탁드리며
인가코든 접근토큰 발급 성공 실패 여부와 무관하게 단 한번만 사용 가능한점 참고 부탁드립니다.

7

답변 감사드립니다.

말씀해주신 바에 따라 error 및 error_description 함께 추가하여 재현해보았는데,
{“error”:“invalid_request”,“error_description”:“network error occurred”}
이렇게 들어옵니다.

동일한 와이파이 사용 중인데, 대부분 로그인에 성공하며 특정 사용자만 해당 에러가 지속적으로 발생하고 있습니다.
조언 부탁드립니다.

8

이 문서를 발견하여 비공개 릴레이 해제하였더니, 정상 로그인 됩니다.
여전히 업데이트 계획이 없으실까요?