> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-docs-event-stream-action-templates.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> ACUL開発ワークフローについて学ぶ

# ACUL開発ワークフロー

ACUL画面の開発には、ローカル開発とライブテナント統合テストという2つの主なモードがあります。

## ローカル開発

[Auth0 CLI](https://github.com/auth0/auth0-cli/)コマンドの`auth0 acul dev`を使用して、ACUL画面をローカルでカスタマイズできます。[ユニバーサルログインコンテキストインスペクター](https://github.com/auth0/ul-context-inspector)を使用すれば、遅延やバックエンドへの依存なしに、ACUL画面を高速に反復処理できます。

ユニバーサルログインコンテキストインスペクターは、テナント固有の構成に対して認証画面をテストするためのモックコンテキストデータを提供します。

<Frame>
  <img src="https://mintcdn.com/docs-dev-docs-event-stream-action-templates/RjB12i6aOVmBONJv/docs/images/cdy7uua7fh8z/ACUL/UniversalLoginContextInspector.png?fit=max&auto=format&n=RjB12i6aOVmBONJv&q=85&s=f4869a55e0f88f3f521da42d13a841ef" alt="Universal Login Context Inspector" width="1404" height="1037" data-path="docs/images/cdy7uua7fh8z/ACUL/UniversalLoginContextInspector.png" />
</Frame>

* \*\*［画面］\*\*を選択すると、利用可能なACUL構成済み画面とデフォルトのモックコンテキストデータが表示されます。
* **［データソース］**を選択すると、**Auth0 CDN**から提供されるモックコンテキストデータ、または**ローカル開発**プロジェクトの`public/screens/{prompt}/{screen}` ディレクトリにあるモックコンテキストデータを選択できます。
* \*\*［JSONをダウンロード］\*\*アイコンを選択すると、選択した画面のコンテキストデータをダウンロードできます。

## ライブテナント統合テスト

Auth0 CLIコマンドの`auth0 acul dev --connected`を使用したライブテナント統合によって、カスタム画面UIをエンドツーエンドでテストし、Auth0テナントとの統合を検証できます。
リロードごとに認証フローが再開されるため、UIがほぼ完成した後は、統合テストには`--connected`モードを使用してください。

`auth0 acul dev --connected`を使用する場合

* ACULプロジェクトのディレクトリを選択します。
* `npm run build`を選択してプロジェクトをビルドし、Auth0テナントを構成します。
* ローカルアセットを提供する**ポート**（デフォルトでは `55444`）を選択し、ローカルサーバーをバックグラウンドで起動します。
* 任意で`--connected`モードを許可し、プロジェクトの `/dist/assets`ディレクトリへの変更を継続的に監視します。

新しいターミナルを開き、`auth0 test login`を実行してテナントのログインフローをテストします。

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  `--connected`モードでは、Auth0 CLIコマンドはファイルの変更を監視し、アセットを再構築し、テナントの構成を自動的に更新します。
</Callout>

詳しくは、GitHubの「\[Auth0 CLI]」([https://auth0.github.io/auth0-cli/auth0\_acul\_dev.html)をご覧ください。](https://auth0.github.io/auth0-cli/auth0_acul_dev.html\)をご覧ください。)