MultiFactorResolver interface

ユーザーがログインのために 2 つ目の要素を入力する必要がある場合に、MultiFactorError からの復旧を容易にするために使用されるクラス。

署名:

export interface MultiFactorResolver 

プロパティ

プロパティ 説明
ヒント MultiFactorInfo[] 現在のセッションのログインを完了するために必要な 2 つ目の要素のヒントのリスト。
session MultiFactorSession 現在のログインフローのセッション ID。第 2 要素のログインを完了するために使用できます。

メソッド

メソッド 説明
resolveSignIn(assertion) ユーザーが第 2 要素の確認を正常に完了したことを確認する MultiFactorAssertion を使用して、ユーザーが第 2 要素でログインを完了できるようにするヘルパー関数。

MultiFactorResolver.hints

現在のセッションのログインを完了するために必要な 2 つ目の要素のヒントのリスト。

署名:

readonly hints: MultiFactorInfo[];

MultiFactorResolver.session

現在のログインフローのセッション ID。第 2 要素のログインを完了するために使用できます。

署名:

readonly session: MultiFactorSession;

MultiFactorResolver.resolveSignIn()

ユーザーが第 2 要素の確認を正常に完了したことを確認する MultiFactorAssertion を使用して、ユーザーが第 2 要素でログインを完了できるようにするヘルパー関数。

署名:

resolveSignIn(assertion: MultiFactorAssertion): Promise<UserCredential>;

パラメータ

パラメータ 説明
アサーション MultiFactorAssertion ログインを解決するための多要素アサーション。

戻り値:

Promise <UserCredential>

ユーザー認証情報オブジェクトで解決される Promise。

const phoneAuthCredential = PhoneAuthProvider.credential(verificationId, verificationCode);
const multiFactorAssertion = PhoneMultiFactorGenerator.assertion(phoneAuthCredential);
const userCredential = await resolver.resolveSignIn(multiFactorAssertion);

let resolver;
let multiFactorHints;

signInWithEmailAndPassword(auth, email, password)
    .then((result) => {
      // User signed in. No 2nd factor challenge is needed.
    })
    .catch((error) => {
      if (error.code == 'auth/multi-factor-auth-required') {
        resolver = getMultiFactorResolver(auth, error);
        // Show UI to let user select second factor.
        multiFactorHints = resolver.hints;
      } else {
        // Handle other errors.
      }
    });

// The enrolled second factors that can be used to complete
// sign-in are returned in the `MultiFactorResolver.hints` list.
// UI needs to be presented to allow the user to select a second factor
// from that list.

const selectedHint = // ; selected from multiFactorHints
const phoneAuthProvider = new PhoneAuthProvider(auth);
const phoneInfoOptions = {
  multiFactorHint: selectedHint,
  session: resolver.session
};
const verificationId = phoneAuthProvider.verifyPhoneNumber(phoneInfoOptions, appVerifier);
// Store `verificationId` and show UI to let user enter verification code.

// UI to enter verification code and continue.
// Continue button click handler
const phoneAuthCredential = PhoneAuthProvider.credential(verificationId, verificationCode);
const multiFactorAssertion = PhoneMultiFactorGenerator.assertion(phoneAuthCredential);
const userCredential = await resolver.resolveSignIn(multiFactorAssertion);