Skip to main content
Auth0 Dashboard > Security > Multi-factor Auth セクションで、を有効にできます。 の基本的なブランディングオプションを使って、MFAページをカスタマイズできます。さらに細かくカスタマイズするには、MFAページ用に独自のHTMLを指定できます。独自のHTMLを使用する場合、クラシックログインでは Auth0 MFA Widget が使用されますが、次の制限があります。
  • メールを使ったMFAには対応していません。
  • ユーザーが複数の認証要素を登録している場合、どの認証要素を使うかは選択できません。MFA Widget により、最も安全性の高い認証要素でログインするよう求められます。
  • の国際化機能は利用されません。詳しくは、Universal Login Internationalization をご覧ください。

​
MFA ページの HTML をカスタマイズする

MFA ページをカスタマイズするには、Auth0 Dashboard > Branding > Universal Login > Multi-factor Authentication タブを開き、Customize MFA Page トグルを有効にします。次に、テキストエディターを使って HTML を編集し、CSS でページのスタイルを設定し、カスタム変数を取得するための JavaScript を変更できます。変更が完了したら、必ず 変更を保存 をクリックしてください。 MFA ページはカスタマイズしなくても動作し、Auth0 は必要に応じて組み込みスクリプトを更新します。ただし、カスタマイズを有効にすると、Auth0 はそのスクリプトを自動更新できなくなるため、スクリプトの更新と保守 (MFA Widget などのバージョン番号の変更を含む) はお客様の責任となります。 クラシックログインの MFA プロセス内のさまざまな箇所に表示されるテキストを上書きする方法について詳しくは、MFA テーマの言語辞書 を参照してください。MFA Widget のテーマオプションについて詳しくは、MFA Widget のテーマオプション を参照してください。

​
ページをリセット

以前のデザインに戻したい場合は、次の 2 つの方法があります。
  • Reset to Last をクリックして、最後に保存したテンプレートに戻します。
  • Reset to Default をクリックして、Auth0 が提供するデフォルトのテンプレートに戻します。

​
登録招待をレンダリングする

このページがレンダリングされるシナリオは 2 つあります。ユーザーが登録のためにこのページへ誘導された場合 (たとえば、登録用リンクを含むメールからアクセスした場合) は、ticket プロパティを利用できます。そうでない場合は、requestToken プロパティを利用できます。

​
HTML と Liquid の構文

ホストされたページでは、テンプレートに Liquid 構文を使用します。詳しくは、GitHub の Liquid for Designers をご覧ください。ページをレンダリングする際に利用できるパラメーターは次のとおりです。
  • userData.email
  • userData.friendlyUserId
  • userData.tenant
  • userData.tenantFriendlyName
  • iconUrl
MFA Widget で使用するパラメーターの多くは、カスタマイズ画面で提供されるデフォルトのテンプレートに示されているように、Guardian に渡す必要があります。さらに高度なカスタマイズが必要な場合は、auth0-guardian.js を使用できます。 詳しくは、MFA ユーザーページをカスタマイズする をご覧ください。

​
詳細