프롬프트 UI 상태에 관한 알림 수신

사용자가 쉽게 로그인하거나 가입할 수 있도록 여러 ID 공급업체와 통신하여 사용 가능한 사용자 인증 정보를 찾을 수 있습니다. 다음 ID 공급업체를 호출할 수 있도록 메시지 UI 상태를 알아야 할 수 있습니다.

다른 순간에 메시지 UI 상태에 관한 알림을 받으려면 콜백 함수 이름을 data-moment_callback 속성으로 설정하거나 JavaScript API를 사용하는 경우 함수를 prompt() 메서드로 설정합니다.

다음과 같은 순간에 알림이 전송됩니다.

  • 표시 모멘트: prompt() 메서드가 호출된 후에 발생합니다. 알림에는 UI 표시 여부를 나타내는 불리언 값이 포함됩니다.

  • 건너뛴 순간: 원탭 메시지가 자동 취소나 수동 취소로 인해 닫히거나 Google에서 사용자 인증 정보를 발급하지 못한 경우(예: 선택한 세션이 Google에서 로그아웃될 때) 발생합니다.

    이 경우 다음 ID 공급업체가 있다면 계속 진행하는 것이 좋습니다.

  • 닫은 순간: Google에서 사용자 인증 정보를 성공적으로 가져오거나 사용자가 사용자 인증 정보 검색 흐름을 중지하려고 할 때 발생합니다. 예를 들어 사용자가 로그인 대화상자에 사용자 이름과 비밀번호를 입력하기 시작하면 google.accounts.id.cancel() 메서드를 호출하여 원탭 프롬프트를 닫고 닫힌 순간을 트리거할 수 있습니다.

다음 코드 예에서는 건너뛴 순간을 구현합니다.

<script>
  function continueWithNextIdp(notification) {
      if (notification.isNotDisplayed() || notification.isSkippedMoment()) {
          // try Next provider if One Tap is not displayed or skipped
      }
  }
</script>
...
<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-login_uri="https://your.domain/your_login_endpoint"
     data-moment_callback="continueWithNextIdp"
</div>