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

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

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

ページをリセット

以前のデザインに戻すには、次の 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 を使用できます。 詳細については、Customize MFA User Pages を参照してください。

詳しくはこちら