ResetPasswordMfaWebAuthnPlatformChallenge

Universal Login の reset-password-mfa-webauthn-platform-challenge 画面をカスタマイズするために使用できる、すべてのプロパティとメソッドについて説明します。

ResetPasswordMfaWebAuthnPlatformChallenge クラスは、reset-password-mfa-webauthn-platform-challenge 画面の機能を実装します。この画面では、パスワードリセットフロー中の MFA ステップの一環として、プラットフォーム認証器 (Touch ID や Windows Hello など) を使って本人確認を行うようユーザーに求めます。

​

コンストラクタ

ResetPasswordMfaWebAuthnPlatformChallenge画面マネージャーのインスタンスを作成します:

Example

import ResetPasswordMfaWebAuthnPlatformChallenge from '@auth0/auth0-acul-js/reset-password-mfa-webauthn-platform-challenge';
const resetPasswordMfaWebAuthnPlatformChallengeManager = new ResetPasswordMfaWebAuthnPlatformChallenge();
await resetPasswordMfaWebAuthnPlatformChallengeManager.continueWithPasskey({
  rememberDevice: true,
});

​

プロパティ

branding · BrandingMembers

ブランディングテーマや設定など、ブランディング関連の構成を提供します。

client · ClientMembers

reset-password-mfa-webauthn-platform-challenge 画面向けに、id、name、logoUrl などのクライアント関連の構成を提供します。

organization · OrganizationMembers

id や name など、ユーザーの組織に関する情報を提供します。

prompt · PromptMembers

認証フロー内の現在の prompt に関するデータを含みます。

screen · ScreenMembersOnResetPasswordMfaWebAuthnPlatformChallenge

構成やコンテキストなど、reset-password-mfa-webauthn-platform-challenge 画面に固有の詳細を含みます。

tenant · TenantMembers

id や関連するメタデータなど、テナントに関するデータを含みます。

transaction · TransactionMembers

アクティブな識別子やフローの状態など、reset-password-mfa-webauthn-platform-challenge 画面に固有のトランザクションデータを提供します。

untrustedData · UntrustedDataMembers

MFA チャレンジフロー中のユーザー入力など、SDK に渡される信頼できないデータを扱います。

user · UserMembers

username、email、roles など、現在のユーザーの詳細です。

​

メソッド

changeLanguage · Promise<void>

このメソッドは、Universal Login ページの表示言語を変更します。

Example

import ResetPasswordMfaWebAuthnPlatformChallenge from '@auth0/auth0-acul-js/reset-password-mfa-webauthn-platform-challenge';
const resetPasswordMfaWebAuthnPlatformChallengeManager = new ResetPasswordMfaWebAuthnPlatformChallenge();
resetPasswordMfaWebAuthnPlatformChallengeManager.changeLanguage({
  language: 'fr',
});

メソッドパラメーター

表示 パラメーター

options

LanguageChangeOptions。

language · string · 必須

使用する言語のロケールコードです (たとえば、'en'、'fr'、'es') 。

persist? · "session"

'session' に設定すると、選択した言語はセッション中維持されます。

continueWithPasskey · Promise<void>

このメソッドは、WebAuthn プラットフォーム認証器のチャレンジを開始し、生成された認証情報を送信して、パスワードリセットフロー中の MFA ステップを完了します。ブラウザーが DOMException (ユーザーによるキャンセルなど) をスローした場合は、エラーをキャッチして reportBrowserError を呼び出し、Auth0 に通知してください。

Example

import ResetPasswordMfaWebAuthnPlatformChallenge from '@auth0/auth0-acul-js/reset-password-mfa-webauthn-platform-challenge';
const resetPasswordMfaWebAuthnPlatformChallengeManager = new ResetPasswordMfaWebAuthnPlatformChallenge();
try {
  await resetPasswordMfaWebAuthnPlatformChallengeManager.continueWithPasskey({
    rememberDevice: true,
  });
} catch (error) {
  if (error instanceof DOMException) {
    await resetPasswordMfaWebAuthnPlatformChallengeManager.reportBrowserError({
      error: { name: error.name, message: error.message },
    });
  }
}

メソッドパラメーター

表示 パラメーター

options

ResetPasswordMfaWebAuthnPlatformChallengeContinueOptions。

rememberDevice? · boolean

true の場合、デバイスを信頼済みとしてマークし、このデバイスではユーザーに MFA を再度求めません。

getErrors · Error []

このメソッドは、コンテキストからトランザクションエラーの配列を取得します。存在しない場合は空の配列を返します。

reportBrowserError · Promise<void>

このメソッドは、ユーザーによるキャンセル (NotAllowedError) や navigator.credentials.get() のタイムアウトなど、ブラウザー側の WebAuthn エラーを Auth0 に報告します。

Example

import ResetPasswordMfaWebAuthnPlatformChallenge from '@auth0/auth0-acul-js/reset-password-mfa-webauthn-platform-challenge';
const resetPasswordMfaWebAuthnPlatformChallengeManager = new ResetPasswordMfaWebAuthnPlatformChallenge();
await resetPasswordMfaWebAuthnPlatformChallengeManager.reportBrowserError({
  error: { name: error.name, message: error.message },
});

メソッドパラメーター

表示 パラメーター

options

ResetPasswordMfaWebAuthnPlatformChallengeReportErrorOptions。

error · WebAuthnErrorDetails · 必須

報告する、WebAuthn API (navigator.credentials.get()) から返されたエラーオブジェクトです。

name · string · 必須

エラーの名前です (例: 'NotAllowedError') 。

message · string · 必須

問題の内容を説明するエラーメッセージです。

tryAnotherMethod · Promise<void>

このメソッドを使用すると、ユーザーはチャレンジを完了するために別のMFA方式を選択できます。

Example

import ResetPasswordMfaWebAuthnPlatformChallenge from '@auth0/auth0-acul-js/reset-password-mfa-webauthn-platform-challenge';
const resetPasswordMfaWebAuthnPlatformChallengeManager = new ResetPasswordMfaWebAuthnPlatformChallenge();
await resetPasswordMfaWebAuthnPlatformChallengeManager.tryAnotherMethod();