メインコンテンツへスキップ
Universal Login の高度なカスタマイズ (ACUL) は、Universal Login の機能を拡張し、マルチブランディング、複雑なセキュリティ構成、多数のアナリティクスプラットフォームとの統合をサポートします。 ACUL を使用すると、好みのフレームワークでコードを記述し、既存のアナリティクスプラットフォームや A/B テストプラットフォームを統合して、ユーザーエクスペリエンスを定義できます。ACUL SDKs は、カスタムコードと Universal Login をつなぐ橋渡しとして機能します。

​
メリット

  • Auth0 の Universal Login の機能を拡張し、1 つのテナントで複数のブランドをサポートできます。
  • 認証ロジックを作り直すことなく、Passkeys、Bot Detection、MFA などの Auth0 の機能を活用できます。
  • 高度な分析や A/B テストを統合して、ユーザージャーニーを最適化できます。
  • ACUL SDK を使用して、お使いの技術スタックで構築できます。以下のことが可能です。
    • 任意のサードパーティ製 CSS、JS、コンポーネントライブラリを使用する
    • Heap や Mixpanel など、好みの分析プラットフォームを統合する
    • Vue や React など、好みのフロントエンドフレームワークで構築する

​
ユースケース

次の場合は、Universal Login の実装で ACUL を使用してください。
  • 認証フローに固有のブランド基準を適用する必要がある。
  • マルチブランディングの体験を提供する必要がある。
  • UI レベルでの A/B テストや詳細な分析を実施する必要がある。
  • Auth0 が現在サポートしていない言語でローカライズされた Universal Login を提供する必要がある。
  • 認証フローに複雑なロジックやカスタム ロジックを追加する必要がある。
詳しくは、ACUL のユースケースを参照してください。

​
仕組み

ACUL の仕組み ビルド時は、自身の環境でカスタマイズした認証画面の構築を開始した時点で始まります。 ACUL SDK を使用して、React や Angular など、任意のフロントエンド技術スタックでプロンプトと画面を定義するカスタムコードを作成します。コミットをプッシュすると、CI/CD パイプラインでビルドプロセスが実行され、アプリケーションは静的な JavaScript と CSS のアセットにコンパイルされ、それらのアセットが専用のクラウドストレージにアップロードされます。このクラウドストレージは、独自のコンテンツ配信ネットワーク (CDN) として機能します。 実行時は、アプリケーションがエンドユーザーを Auth0 のログインページにリダイレクトした時点で始まります。 Auth0 は、ACUL を使用するよう設定された認証画面を認識し、最小限のホストページを返します。ユーザーのブラウザーはこのページを読み込みます。このページには、CDN 上のアセット URL を参照する HTML タグが含まれています。ブラウザーは JavaScript と CSS をダウンロードし、Subresource Integrity (SRI) ハッシュで整合性を検証して、カスタム UI をレンダリングします。以降のユーザー操作は、アプリケーションコードと ACUL SDK が処理します。

​
要件

Universal Login の高度なカスタマイズ を使い始めるには、次のものが必要です。
テスト用、開発用、本番用に、それぞれ適切な環境タグを付けたテナントを作成することをお勧めします。
読むものわかること
ACUL の設定Auth0 テナントで ACUL を設定する方法。
ACUL クイックスタートACUL のサンプルアプリケーションを使った開始方法。
ACUL 開発ワークフローACUL の開発ワークフローについて。
ACUL デプロイワークフローACUL のデプロイワークフローについて。
ACUL のユースケースACUL のユースケースについて。
ACUL SDK とリソースACUL SDK と開発者向けリソースについて。