利点
- 1つのテナントで複数のブランドに対応できるよう、Auth0のユニバーサルログインの機能を拡張します。
- 認証ロジックを再構築することなく、パスキーやボット検知、MFA要素などのAuth0の機能を活用できます。
- 高度な分析とA/Bテストを統合して、ユーザージャーニーを最適化できます。
- ACUL SDKを使用して、独自の技術スタックで構築できます。以下のことが可能です。
- サードパーティのCSS、JS、コンポーネントライブラリの使用
- HeapやMixpanelなど、好みの分析プラットフォームの統合
- VueやReactなど、好みのフロントエンドフレームワークでの構築
ユースケース
次の場合は、ユニバーサルログインの実装でACULの使用をおすすめします。- 認証フローに特定のブランド標準を適用する必要がある場合。
- 複数ブランドのエクスペリエンスを提供する必要がある場合。
- UIレベルのA/Bテストまたは詳細な分析を提供する必要がある場合。
- Auth0が現在サポートしていない言語で、ローカライズされたユニバーサルログインを提供する必要がある場合。
- 認証フローに複雑なロジックやカスタムロジックを追加する必要がある場合。
仕組み
ビルド時間は、カスタマイズされた認証画面をご自身の環境で構築したときに始まります。
ACUL SDKを使用してカスタムコードを提出し、ReactやAngularなど、お好みのフロントエンド技術スタックでプロンプトや画面を定義します。コミットをプッシュすると、CI/CDパイプラインがビルドプロセスを実行し、アプリケーションを静的なJavaScriptとCSSのアセットにコンパイルし、それらのアセットをプライベートクラウドストレージにアップロードします。このストレージは、独自のコンテンツ配信ネットワーク（CDN）として機能します。
実行時間は、アプリケーションがエンドユーザーをAuth0のログインページにリダイレクトしたときに始まります。
Auth0は、ACULを使用するように構成された認証画面を認識し、最小限のホストページを提供します。ユーザーのブラウザはこのページを読み込みますが、このページにはCDN上のアセットURLを指すHTMLタグが含まれています。ブラウザはJavaScriptとCSSをダウンロードし、SRIハッシュを使用して整合性を検証し、カスタムUIをレンダリングします。ここから、アプリケーションコードとACUL SDKがユーザーとの残りの対話を管理します。
必要なもの
ユニバーサルログインの高度なカスタマイズを開始するには、以下が必要です。- ユニバーサルログインとカスタムドメインが構成されたAuth0開発テナント。
適切な環境タグを使用して、テスト用、開発用、本番用のテナントを作成することをおすすめします。
- Auth0のファーストパーティアプリケーション
- GitHubなどのCI/CDパイプラインがある、アセットをホストするためのCDN。
| 読む… | 詳細情報… |
|---|---|
| ACULの構成 | Auth0テナントでACULを構成する方法。 |
| ACULクイックスタート | ACULサンプルアプリケーションを開始する方法。 |
| ACUL開発ワークフロー | ACUL開発ワークフローについて。 |
| ACULデプロイメントワークフロー | ACULデプロイメントワークフローについて。 |
| ACULユースケース | ACULユースケースについて。 |
| ACUL SDKとリソース | ACUL SDKと開発者向けリソースについて |