Auth0 は、組織のブランド要件やユーザーの期待に沿った見た目や操作感にカスタマイズできます。Auth0 の各種画面や要素をブランドに合わせることで、顧客に一貫したユーザー体験を提供できるだけでなく、信頼できる安全な提供元の製品を利用しているという安心感も与えられます。
Auth0 は、internationalization (I18N) と localization (L10N) の両方をサポートしています。これらはいずれも、国際的な顧客層向けにブランディングを行う際に重要です。Auth0 Lock UI ウィジェットや などの標準提供の要素は、複数言語のサポートがあらかじめ有効になっており、必要なものが まだ用意されていない場合 でも、さらに多くの言語を追加できる拡張性が組み込まれています。
ほとんどすべてのアプリケーションでは、何らかの形で国際化やローカライズが必要になります。Auth0 ではこれを簡単に追加できますが、最初から考慮しておく必要があります。たとえば、ローカライズを後から組み込むのは、対応が遅れると大変な作業になることがあります。
- ログインページをブランド化する必要はありますか？
- ログインページをローカライズする必要はありますか？
- 複数の顧客組織で Auth0 テナントを共有している場合、それぞれのログイン体験に組織固有のブランディングを追加すべきですか？
- メールを単にブランド化するだけでなく、ユーザーの設定に応じて内容を変えられるようにするにはどうすればよいですか？
- ユーザーがログインページを見たときに、まだ自分のドメイン上にいることをどのように認識できますか？
- 追加のブラウザーセキュリティ (たとえば Extended Validation の実装) を提供するには何を行う必要がありますか？
- エラー発生時に、ユーザーをどこへ案内したいですか？
Universal Login や Password Reset などの Auth0 ページのカスタマイズや設定について、Auth0 は非常に高い柔軟性を備えています。そのため、必要とする UX の見た目や操作感はほぼ自由に実現できます。多くの場合は、標準の体験に多少手を加えるだけで十分です。しかし一方で、ブランド価値やブランド認知の観点から、より広範なカスタマイズが求められる場合もあります。この柔軟性は Auth0 ページだけでなく、拡張性を通じて メールテンプレート にも適用できます。さらに、Auth0 の Custom Domain 機能により、安全性やセキュリティの面でユーザーに信頼感と安心感を与え、利用者の認知をいっそう高められます。
複数の顧客組織で Auth0 テナントを共有し、各組織にそれぞれ独自のユーザードメインを提供して認証情報を管理している場合、各ユーザーがどの認証情報を使うべきかをどう判断するのか、またそれを安全で信頼できる場所に入力しているとどう確信できるのかを検討する必要があります。詳しくは Branding login by organization を参照してください。
Auth0 ではエラー時の既定情報が提供されますが、標準の情報は、あなたにしか提供できない文脈が欠けているため、やや分かりにくいことがあります。ただし、Auth0 の エラーページのカスタマイズ に関するガイダンスを利用すれば、独自のサポート窓口を通じて、より状況に即した情報を提供できるようになり、その問題を軽減できます。
Universal Login とログインページ
Universal Login は、ユーザー認証に推奨される方法であり、その中心となるのがログインページです。ログインページは、組織のブランディング要件に合わせてカスタマイズできます。
組織ごとのログインのブランディング
Universal Login ページで特別なカスタマイズが必要かどうかは、顧客の組織をどのように管理するかによって決まります。このセクションを読む前に、Universal Login section を確認し、Multiple Organization Architecture を参照して、組織にどのように対応するかを把握しておいてください。
組織のユーザー同士がすべて互いに分離されている場合は、Universal Login ページで、そのログインページがどの組織向けのものかを明確に示すことが重要です。これを行う最も簡単な方法は、Organizations Feature を使用することです。これにより、ロゴ、メインカラー、背景色を保存でき、アプリケーションから org_id を渡すか、ユーザーが組織入力プロンプトで自分の組織を入力して組織が特定されると、それらを使って Universal Login ページのブランディングをカスタマイズできます。
カスタムドメインの命名
デフォルトでは、テナントに関連付けられた URL には、その名前と、場合によってはリージョン固有の識別子が含まれます。たとえば、米国を拠点とするテナントの URL は https://example.us.auth0.com のようになり、ヨーロッパを拠点とするテナントの URL は https://example.eu.auth0.com のようになります。 Custom Domain を使用すると、組織のブランドに合った一貫性のある名前を使って、ユーザーに統一された体験を提供できます。
Auth0 テナントごとに適用できるカスタムドメイン名は 1 つだけです。そのため、独立したドメイン名のブランディングがどうしても必要な場合は、複数の Auth0 テナントを本番環境にデプロイする architecture が必要になります。 顧客組織同士を互いに分離する必要があり、さらに各組織のユーザーに対してカスタムドメイン URL 経由でそれぞれのログインページを表示する必要がある場合、唯一の選択肢は組織ごとに個別のテナントを作成することです。
メールテンプレートのカスタマイズ
Auth0 では、ユーザーへの通知や、安全なアイデンティティ管理に必要な機能 (たとえば、メール認証、アカウント復旧、ブルートフォース対策など) のためにメールを幅広く利用しており、そのためのテンプレートを多数提供しています。
デフォルトでは、使用されるメールテンプレートには標準的な文言と Auth0 のブランド表記が含まれています。ただし、これらのテンプレートはほぼあらゆる面を設定できるため、希望する文言やユーザー体験を反映したり、優先言語やアクセシビリティオプションなどを変更したりできます。
メールテンプレートは、Liquid syntax を使用してカスタマイズします。ユーザー設定に基づいてテンプレートをカスタマイズしたい場合は、ユーザープロファイル内のmetadataに加え、特定のアプリケーションのメタデータにもアクセスできます。
Password Reset ページのカスタマイズ
Password Reset ページは、ユーザーがパスワード変更機能を利用する際に使用されます。また、ログインページと同様に、組織固有のブランディング要件を反映できるようカスタマイズすることも可能です。
組織内のユーザーがすべて互いに分離される場合 (つまり、各組織が独自の Auth0 database connection を持つ場合) で、かつ組織ごとに Universal Login ページをブランディングしているのであれば、ユーザーがどの組織のパスワードを変更しているのか分かるように、Password Reset ページなどもブランディングすることが重要です。これは、いくつかの方法で実現できます。
- Password Reset ページに JavaScript を実装し、ユーザーがどの組織から来たかを示す connection パラメーターに基づいて、CDN からリソースを取得できるようにする。
- 組織ごとに個別のテナントを作成し、その組織に必要な内容を Universal Login でカスタマイズする。
エラーページのカスタマイズ
ユーザーの対話型ワークフロー (たとえばユーザー登録やログイン) 中に問題が発生すると、Auth0 は内部で何が起きているかを示すエラーメッセージを表示します。既定のメッセージはやや分かりにくく、特にエンドユーザーにとっては意味をつかみにくい場合があります。というのも、通常はあなたにしか補えない文脈情報が不足しているためです。そのため、不足している文脈固有の情報をユーザーに直接伝えられるよう、エラーページをカスタマイズすることをお勧めします。さらに、エラーページをカスタマイズすることで、Auth0 ではなく自社のブランドを表示できるほか、次に何をすべきかについて役立つ情報をユーザーに提供できます。たとえば、FAQ へのリンクや、会社のサポートチームまたはヘルプデスクへの問い合わせ方法などを含めることができます。
Auth0 提供のエラーページをカスタマイズするためのユーザーインターフェースは標準では用意されていませんが、設定には Management API の Tenant Settings エンドポイント を使用できます。あるいは、独自のエラーページを作成してホストできる場合は、Auth0 がホストするページの代わりに、そのページへユーザーをリダイレクトするよう Auth0 を設定することもできます。 Guardian 多要素認証ページのカスタマイズ
ページは、Universal Login Settings セクションで Universal Login のブランディングオプションを調整することでカスタマイズできます。
さらにカスタマイズが必要な場合は、組織固有の UX 要件に合わせて、HTML コンテンツ全体をカスタマイズすることもできます。
プロジェクト計画ガイド
推奨する戦略の詳細を確認できるよう、ダウンロードして参照できるPDF形式の計画ガイドをご用意しています。
B2B IAM プロジェクト計画ガイド 
