(flutter) Apple 로그인 디자인 가이드라인 준수하기

안녕하세요! 오늘은 앱 개발 과정에서 'Sign in with Apple'을 통합하면서 직면했던 특정 문제와 그 해결 과정에 대해 공유하고자 합니다. 특히, Apple 로그인 시 사용자의 이름을 자동으로 채우는 기능 구현과 관련된 내용을 중점적으로 다룰 예정입니다.

문제 상황

앱 제출 후, 애플로부터 받은 심사 결과중 부적격 사유 하나가 계속 반복되고 있었습니다.
처음엔 여러 심사 부적격 사유가 있었지만, 다른 내용들은 메모에 적절히 이유를 적어
통과는 되었고 기술적 문제는 아니었으나, 로그인 디자인 가이드 라인이
계속 내 발목을 잡았습니다. ..🤣

 

Guideline 4.0 - Design

Your app offers Sign in with Apple as a login option but does not follow the design and user experience requirements for Sign in with Apple.

• Specifically your app requires users to provide their name after using Sign in with Apple. This information is already provided by the Authentication Services framework.

Next Steps

Please revise the Sign in with Apple experience in your app to address the issues we identified above.

Please see attached screenshot for details.

우리 앱은 'Sign in with Apple' 로그인 옵션을 제공하고 있었지만, 애플의 디자인 및 사용자 경험 가이드라인 4.0을 완전히 준수하지 못했다는 점에서 문제가 있었습니다. 구체적으로, 사용자가 Apple로 로그인한 후 추가적으로 이름을 입력하도록 요구했는데, 이 정보는 이미 Authentication Services 프레임워크를 통해 제공되기 때문에 자동으로 '이름' 필드에 채워져야 했습니다.
(이미 이름 값이 있으면 자동으로 채워지게 해놔서 구글 로그인시에는 잘 되는데 애플 로그인시에는 왜 안채워지는 걸까.. )

애플 로그인시 이름 정보를 제공해주는데 왜 또 입력해야하냐,, 이게 애플의 입장!.

 

로그를 찍어보면 처음 로그인 할때는 appleCredintial의 givenName 과 familyName만 들어오고 해당 내용으로 displayName을 업데이트 하면 되는것을 알게 되었다. 그래서 해당 부분을 적용 하였다.
알려진 해결방법 이 방법을 사용해서!!..

 

이 해결 방법을 통해 적용을 한 뒤에 fullName 이 적용되는걸 확인했지만
그래도 가이드라인에 통과가 되지 않았습니다.
해당 테스트 방식에는 문제가 있었는데..
여러 시도를 한 결과 아래 문제 재현을 할 수 있었습니다.

문제 상황 재현

기존의 접근 방식에서 우리 앱은 사용자가 가입을 시도할 때 자동으로 fullName 정보를 받아와 화면에 표시했습니다. 이 과정이 원활하게 진행되어, 심사 과정에서 계속해서 거절되는 정확한 원인을 파악하지 못했습니다. 그러나, 새로운 애플 ID로 가입을 시도했을 때 fullName 정보가 제공되지 않는다는 사실을 발견했습니다. 이러한 발견을 바탕으로, 우리는 심사에서 지적된 문제를 재현하고 해결하기 위한 명확한 기준을 설정했습니다. 이를 위해 아래와 같은 과정을 진행했습니다:

1. 계정 탈퇴 및 데이터 삭제
   • 사용자가 애플 ID로 가입한 계정을 탈퇴시키고, 이로 인해 해당 사용자의 Firebase 데이터가 삭제되어 시스템에서 완전히 제거됩니다.
2. 애플 로그아웃 및 재로그인
   • 계정을 탈퇴한 사용자는 애플에서 로그아웃한 후, 동일한 애플 ID로 다시 로그인을 시도합니다. 이 과정을 통해 'Sign in with Apple'을 통한 새로운 세션을 시작하며, Apple은 사용자에게 fullName 정보를 다시 제공합니다.
3. fullName 정보의 적용 여부 확인
   • 재로그인 후, 가입 과정에서 fullName 정보가 이름 및 닉네임 필드에 적용되는지를 확인합니다. 발견된 문제는, userCredential.user.displayName이 업데이트 되어도 즉시 해당 값을 사용할 경우 null이 반환된다는 것이었습니다.
4. 재로그인 후 가입 시나리오의 문제
   • 사용자가 재로그인 후 첫 가입시 취소하고 그 뒤에 다시 가입을 시도할 경우, 이전 단계에서 displayName이 이미 업데이트되어 있어 정보가 화면에 표시됩니다. 그러나, 이는 첫 가입 시도 시 fullName 정보가 적절히 적용되지 않는다면, 심사 통과에 필수적인 조건을 만족시키지 못한다는 것을 의미한다. (이 부분이 심사 실패의 핵심 원인...)

해결 과정

이 문제를 해결하기 위해, 사용자가 앱에 처음 로그인할 때는 fullName 정보를 직접 사용하여 처리하는 방식을 선택했습니다. 즉, 사용자의 displayName을 업데이트하는 동시에, 이 업데이트된 이름 정보를 다른 사용자 등록 또는 확인 로직으로 직접 전달했습니다. 이렇게 하여 사용자가 처음 로그인할 때 필요한 이름 정보를 적절하게 처리할 수 있었습니다.

그리고 사용자가 앱에 다시 로그인할 때는, Firebase에서 업데이트된 displayName을 사용하도록 구현했습니다. 이 방법으로, 처음 로그인하는 사용자에게서만 제공되는 fullName 정보를 효과적으로 활용하고, 동시에 Apple의 디자인 가이드라인을 준수할 수 있었습니다.

 

 

구현 코드 예시

final appleCredential = await SignInWithApple.getAppleIDCredential(
  scopes: [
    AppleIDAuthorizationScopes.email,
    AppleIDAuthorizationScopes.fullName,
  ],
);

final oauthCredential = OAuthProvider("apple.com").credential(
  idToken: appleCredential.identityToken,
  accessToken: appleCredential.authorizationCode,
);

UserCredential userCredential =
    await FirebaseAuth.instance.signInWithCredential(oauthCredential);

if (userCredential.user?.displayName == null &&
    (appleCredential.givenName != null || appleCredential.familyName != null)) {
  // 사용자 fullName 생성 (최초 가입시에만 가져온다)
  final updatedDisplayName = [
    appleCredential.familyName ?? '',
    appleCredential.givenName ?? '',
  ].join(' ').trim(); 

  // 사용자의 이름 정보를 업데이트
  await userCredential.user?.updateDisplayName(updatedDisplayName);

  // 사용자 등록 또는 확인 로직으로 업데이트된 이름 정보를 직접 전달
  _proceedWithUserRegistration(userCredential, updatedDisplayName);
} else {
  // 다음 로그인 때는 업데이트된 displayName 사용
  _proceedWithUserRegistration(userCredential, userCredential.user?.displayName);
}

결론

apple 심사 쉽지않다..