パスワードをリセットする場合
このページでは、クラシックログインのパスワードリセットページをカスタマイズする方法について説明します。パスワードのリセットに関するサポートが必要な場合は、代わりに次のドキュメントを参照してください。
- 他のユーザーのパスワードをリセットするテナント管理者の場合: Change Users’ Passwords
- 自分のパスワードをリセットする場合: Reset Auth0 Account Password
- ページ自体のホスティング
- パスワードをリセットしようとしているユーザーの必要に応じたリダイレクト
- ユーザーのパスワードが定義した要件を満たしていることの確認
- パスワードのリセット後のユーザーの自動リダイレクト
パスワードリセットページのカスタマイズを有効にする
パスワードリセットページは、デフォルトですべての Auth0 ユーザーに対して有効になっており、カスタマイズは不要です。ただし、パスワードリセットページのブランディングやその他の要素を変更したい場合は、高度なカスタマイズを有効にできます。 から高度なカスタマイズを有効にするには:- Branding > Universal Login > Password Reset tab に移動します。
- Customize Password Reset Page トグルを有効にします。
パスワードリセットページを編集
パスワードリセットページのカスタマイズを有効にすると、組み込みのコードエディターを使って HTML を編集したり、CSS でページのスタイルを設定したり、カスタム変数を取得して表示するための JavaScript を変更したりできます。更新内容を保存するには、コードエディターの下にある 変更を保存 を選択してください。Password Reset ページにカスタム情報を表示する
Password Reset ページには、ユーザーごとに異なる情報を表示できます。これを行うには、Password Reset ページエディターで埋め込み JavaScript を編集します:tenant.picture_url が記載されています。この変数は、Auth0 Dashboard > 設定 で定義した Logo URL の値を返します。
カスタム変数
パスワードリセットページにパーソナライズされた情報を表示するには、次のカスタム変数を使用できます。
注:
- Auth0 Dashboard > 設定 の設定エリアで、テナント変数の値を設定または確認できます。
- アプリケーション ID (
client_id) に基づいて条件付きでカスタマイズすることはできません。
カスタムエラーメッセージ
Custom database スクリプトがカスタムエラーを返した場合は、dict プロパティを使ってエラーの説明をマッピングできます。
Password Resetプロンプトを更新する
パスワードリセットページのカスタマイズを有効にしていない場合、スクリプトに必要な更新は Auth0 が行います。これには、含まれているPassword Resetプロンプトのバージョン番号の変更も含まれます。 パスワードリセットページのカスタマイズを有効にすると、スクリプトの更新と保守はお客様の責任となります。これには、Password Resetプロンプトのバージョン番号の更新も含まれます。カスタマイズを有効にすると、お客様が加えた変更に影響するおそれがあるため、Auth0 はスクリプトを自動的に更新できません。 現在のPassword Resetプロンプトのバージョンは 1.5.5 です。今後のマイナーバージョン更新を含む最新バージョンを呼び出すには、このリンクを使用してください。https://cdn.auth0.com/js/change-password-1.5.min.js
変更を元に戻す
パスワードリセットページを以前のデザインに戻すには、次のいずれかの方法で行います。- Reset to Last をクリックして、最後に保存したテンプレートに戻します。
- Reset to Default をクリックして、Auth0 が提供するデフォルトテンプレートに戻します。