メインコンテンツへスキップ

Documentation Index

Fetch the complete documentation index at: https://docs-staging-docs-update-privilege-worker-ea-rollout.mintlify.app/llms.txt

Use this file to discover all available pages before exploring further.

**ユニバーサルログインの高度なカスタマイズ（ACUL）**は、ユニバーサルログインの機能を拡張し、複数のブランドや複雑なセキュリティ構成、多数の分析プラットフォームの統合を支援します。 ACULを使用すると、お好みのフレームワークでコードを記述し、お使いの分析プラットフォームとA/Bテストのプラットフォームを統合し、ユーザーエクスペリエンスを定義できます。ACUL SDKは、カスタムコードとユニバーサルログインをつなぐ役割を果たします。

​
利点

  • 1つのテナントで複数のブランドに対応できるよう、Auth0のユニバーサルログインの機能を拡張します。
  • 認証ロジックを再構築することなく、パスキーやボット検知、MFA要素などのAuth0の機能を活用できます。
  • 高度な分析とA/Bテストを統合して、ユーザージャーニーを最適化できます。
  • ACUL SDKを使用して、独自の技術スタックで構築できます。以下のことが可能です。
    • サードパーティのCSS、JS、コンポーネントライブラリの使用
    • HeapやMixpanelなど、好みの分析プラットフォームの統合
    • VueやReactなど、好みのフロントエンドフレームワークでの構築

​
ユースケース

次の場合は、ユニバーサルログインの実装でACULの使用をおすすめします。
  • 認証フローに特定のブランド標準を適用する必要がある場合。
  • 複数ブランドのエクスペリエンスを提供する必要がある場合。
  • UIレベルのA/Bテストまたは詳細な分析を提供する必要がある場合。
  • Auth0が現在サポートしていない言語で、ローカライズされたユニバーサルログインを提供する必要がある場合。
  • 認証フローに複雑なロジックやカスタムロジックを追加する必要がある場合。
詳しくは、「 [ACULのユースケース]」(/docs/ja-jp/customize/login-pages/advanced-customizations/acul-use-cases)をご覧ください。

​
仕組み

How it works ACUL ビルド時間は、カスタマイズされた認証画面をご自身の環境で構築したときに始まります。 ACUL SDKを使用してカスタムコードを提出し、ReactやAngularなど、お好みのフロントエンド技術スタックでプロンプトや画面を定義します。コミットをプッシュすると、CI/CDパイプラインがビルドプロセスを実行し、アプリケーションを静的なJavaScriptとCSSのアセットにコンパイルし、それらのアセットをプライベートクラウドストレージにアップロードします。このストレージは、独自のコンテンツ配信ネットワーク（CDN）として機能します。 実行時間は、アプリケーションがエンドユーザーをAuth0のログインページにリダイレクトしたときに始まります。 Auth0は、ACULを使用するように構成された認証画面を認識し、最小限のホストページを提供します。ユーザーのブラウザはこのページを読み込みますが、このページにはCDN上のアセットURLを指すHTMLタグが含まれています。ブラウザはJavaScriptとCSSをダウンロードし、SRIハッシュを使用して整合性を検証し、カスタムUIをレンダリングします。ここから、アプリケーションコードとACUL SDKがユーザーとの残りの対話を管理します。

​
必要なもの

ユニバーサルログインの高度なカスタマイズを開始するには、以下が必要です。
適切な環境タグを使用して、テスト用、開発用、本番用のテナントを作成することをおすすめします。
読む…詳細情報…
ACULの構成Auth0テナントでACULを構成する方法。
ACULクイックスタートACULサンプルアプリケーションを開始する方法。
ACUL開発ワークフローACUL開発ワークフローについて。
ACULデプロイメントワークフローACULデプロイメントワークフローについて。
ACULユースケースACULユースケースについて。
ACUL SDKとリソースACUL SDKと開発者向けリソースについて