> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Développez localement un projet Auth0 Advanced Customizations for Universal Login avec le SDK ACUL afin d’itérer sur les écrans par rapport à votre tenant avant le déploiement.

# Flux de travail de développement d’ACUL

Il existe deux principaux modes de développement pour vos écrans ACUL : le développement local et les tests d’intégration sur un tenant réel.

<div id="local-development">
  ## Développement local
</div>

Personnalisez vos écrans ACUL localement à l’aide de la commande `auth0 acul dev` de l’[Auth0 CLI](https://github.com/auth0/auth0-cli/). Faites évoluer rapidement vos écrans ACUL, sans délai ni dépendances backend, avec le [Universal Login Context Inspector](https://github.com/auth0/ul-context-inspector).

Le Universal Login Context Inspector fournit des données de context simulées pour tester vos écrans d’authentication selon les configurations propres au tenant.

<Frame>
  <img src="https://mintcdn.com/translations/mMSz-RNYLuOm2GmQ/docs/images/cdy7uua7fh8z/ACUL/UniversalLoginContextInspector.png?fit=max&auto=format&n=mMSz-RNYLuOm2GmQ&q=85&s=0769d39e0db6a174c924dc4d45e6c0b1" alt="Universal Login Context Inspector" width="1404" height="1037" data-path="docs/images/cdy7uua7fh8z/ACUL/UniversalLoginContextInspector.png" />
</Frame>

* Sélectionnez **Screen** pour voir les écrans ACUL configurés disponibles avec les données de context simulées par défaut.
  * Sélectionnez **Data Source** pour choisir des données de context simulées fournies par **Auth0 CDN** ou des données de context simulées provenant du répertoire `public/screens/{prompt}/{screen}` de votre projet de **Local Development**.
  * Sélectionnez l’icône **Download JSON** pour télécharger les données de context de l’écran sélectionné.

<div id="live-tenant-integration-testing">
  ## Tests d’intégration à un tenant réel
</div>

L’intégration à un tenant réel avec la commande Auth0 CLI `auth0 acul dev --connected` permet d’effectuer des tests de bout en bout de vos interfaces d’écran personnalisées et de vérifier l’intégration avec votre tenant Auth0.
Utilisez le mode `--connected` pour les tests d’intégration une fois l’interface presque terminée, car chaque rechargement redémarre le flux d’authentification.

Lors de l’utilisation de `auth0 acul dev --connected`

* Sélectionnez le répertoire de votre projet ACUL.
  * Sélectionnez `npm run build` pour générer le projet et configurer votre tenant Auth0.
  * Sélectionnez le **port** qui servira vos ressources locales, soit `55444` par défaut, puis démarrez le serveur local en arrière-plan.
  * Au besoin, activez le mode `--connected` pour surveiller en continu les changements apportés au répertoire `/dist/assets` du projet.

Ouvrez un nouveau terminal et exécutez `auth0 test login` pour tester le flux de connexion sur votre tenant.

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  En mode `--connected`, la commande Auth0 CLI surveille les changements apportés aux fichiers, régénère les ressources et met automatiquement à jour la configuration de votre tenant.
</Callout>

Pour en savoir plus, consultez [Auth0 CLI](https://auth0.github.io/auth0-cli/auth0_acul_dev.html) sur GitHub.