MfaOtpEnrollmentQr

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

MfaOtpEnrollmentQr クラスは、mfa-otp-enrollment-qr 画面の機能を実装します。この画面には、MFA の登録時にユーザーが認証器アプリでスキャンするための QR コードが表示されます。

​

コンストラクター

MFA OTP Enrollment QR画面マネージャーのインスタンスを作成します:

Example

import MfaOtpEnrollmentQr from '@auth0/auth0-acul-js/mfa-otp-enrollment-qr';

const mfaOtpEnrollmentQr = new MfaOtpEnrollmentQr();
await mfaOtpEnrollmentQr.toggleView();

​

プロパティ

branding · BrandingMembers

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

client · ClientMembers

mfa-otp-enrollment-qr 画面向けに、id、name、logoUrl などのクライアント関連の構成を提供します。

organization · OrganizationMembers

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

prompt · PromptMembers

認証フローにおける現在の prompt に関するデータが含まれます。

screen · ScreenMembersOnMfaOtpEnrollmentQr

設定やコンテキストなど、mfa-otp-enrollment-qr 画面に固有の詳細が含まれます。

tenant · TenantMembers

id や関連するメタデータなど、tenant に関連するデータが含まれます。

transaction · TransactionMembers

アクティブな identifier やフローの状態など、mfa-otp-enrollment-qr 画面に固有の transaction データを提供します。

untrustedData · UntrustedDataMembers

MFA OTP 登録中のユーザー入力など、SDK に渡される信頼されていないデータを扱います。

user · UserMembers

アクティブなユーザーの詳細が含まれ、username、email、roles などを確認できます。

​

メソッド

changeLanguage · Promise<void>

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

Example

import MfaOtpEnrollmentQr from '@auth0/auth0-acul-js/mfa-otp-enrollment-qr';
const mfaOtpEnrollmentQr = new MfaOtpEnrollmentQr();
mfaOtpEnrollmentQr.changeLanguage({
  language: 'fr',
});

メソッドのパラメーター

表示 パラメーター

options

LanguageChangeOptions。

language · string · 必須

希望する言語のロケールコード (例: 'en'、'fr'、'es') 。

persist? · "session"

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

continue · Promise<void>

このメソッドは、登録プロセスを続行するために OTPコードを送信します。

Example

import MfaOtpEnrollmentQr from '@auth0/auth0-acul-js/mfa-otp-enrollment-qr';

const mfaOtpEnrollmentQr = new MfaOtpEnrollmentQr();
await mfaOtpEnrollmentQr.continue({ code: '123456' });

メソッドのパラメーター

表示 パラメーター

options

MfaOtpEnrollmentQrContinueOptions。

code · string · 必須

ユーザーが入力した OTPコード。

getErrors · Error []

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

toggleView · Promise<void>

このメソッドは、QRコード表示と手動入力ビューを切り替えます。

Example

import MfaOtpEnrollmentQr from '@auth0/auth0-acul-js/mfa-otp-enrollment-qr';

const mfaOtpEnrollmentQr = new MfaOtpEnrollmentQr();
await mfaOtpEnrollmentQr.toggleView();

tryAnotherMethod · Promise<void>

このメソッドにより、ユーザーは別のMFA方式を試すことができます。

Example

import MfaOtpEnrollmentQr from '@auth0/auth0-acul-js/mfa-otp-enrollment-qr';

const mfaOtpEnrollmentQr = new MfaOtpEnrollmentQr();
await mfaOtpEnrollmentQr.tryAnotherMethod();