ユーザーがログインのために 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);