> ## 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.

# Advanced Customizations for Universal Login (ACUL)

> Découvrez comment les Advanced Customizations for Universal Login d'Auth0 vous permettent de remplacer l'interface utilisateur de connexion hébergée par votre propre application React ou Vanilla JS, tout en laissant Auth0 gérer la machine à états d'authentification.

**Advanced Customizations for Universal Login (ACUL)** étend les capacités de [Universal Login](/docs/fr-ca/authenticate/login/auth0-universal-login/universal-login-vs-classic-login/universal-experience#universal-login-experience) pour prendre en charge le multimarque, des configurations de sécurité complexes et l'intégration de nombreuses plateformes d'analyse.

<video autoPlay muted loop playsInline className="w-full aspect-video rounded-xl" src="https://mintcdn.com/translations/XFWEQWmI0huCzrNi/docs/images/videos/ACUL.mp4?fit=max&auto=format&n=XFWEQWmI0huCzrNi&q=85&s=d31345ad12fc6f560b916e91d346fc6c" data-path="docs/images/videos/ACUL.mp4" />

Avec ACUL, vous pouvez écrire du code dans votre framework préféré, intégrer vos plateformes d'analyse et de tests A/B existantes, et définir l'expérience utilisateur. Les [ACUL SDKs](/docs/fr-ca/customize/login-pages/advanced-customizations/reference) font le lien entre votre code personnalisé et Universal Login.

<div id="benefits">
  ## Avantages
</div>

* Étendez les capacités du Universal Login d’Auth0 pour prendre en charge plusieurs images de marque dans un même tenant.
* Profitez des fonctionnalités d’Auth0, comme [Passkeys](/docs/fr-ca/authenticate/database-connections/passkeys), [Bot Detection](/docs/fr-ca/secure/attack-protection/bot-detection) et [MFA](/docs/fr-ca/secure/multi-factor-authentication), sans avoir à reconstruire votre logique d’authentification.
* Intégrez des analyses avancées et des tests A/B pour optimiser le parcours utilisateur.
* Utilisez les ACUL SDKs avec votre propre pile technologique. Vous pouvez :
  * Utiliser n’importe quelle bibliothèque CSS, JS ou de composants tierce
  * Intégrer votre plateforme d’analyse préférée, comme Heap, Mixpanel, etc.
  * Développer avec votre framework frontend préféré, comme Vue ou React

<div id="use-cases">
  ## Cas d’utilisation
</div>

Vous voudrez utiliser ACUL avec votre mise en œuvre d’Universal Login si :

* Vous devez appliquer des normes précises en matière d’image de marque à vos flux d’authentification.
* Vous devez offrir une expérience multimarque.
* Vous devez offrir des tests A/B au niveau de l’UI ou des analyses détaillées.
* Vous devez offrir un Universal Login localisé dans des langues qu’Auth0 ne prend pas encore en charge.
* Vous devez ajouter une logique complexe ou personnalisée à vos flux d’authentification.

Pour en savoir plus, consultez [Cas d’utilisation d’ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/acul-use-cases).

<div id="how-it-works">
  ## Fonctionnement
</div>

<img className="block dark:hidden" src="https://mintcdn.com/translations/mMSz-RNYLuOm2GmQ/docs/images/cdy7uua7fh8z/ACUL/Final-Light-ACUL.png?fit=max&auto=format&n=mMSz-RNYLuOm2GmQ&q=85&s=8507121e915823d72438ccb4db8fb6a3" alt="Fonctionnement d’ACUL" width="1400" height="449" data-path="docs/images/cdy7uua7fh8z/ACUL/Final-Light-ACUL.png" />

<img className="hidden dark:block" src="https://mintcdn.com/translations/c0RQ9V0YAcT0-8l5/docs/images/cdy7uua7fh8z/ACUL/Final-Dark-ACUL.png?fit=max&auto=format&n=c0RQ9V0YAcT0-8l5&q=85&s=2e7140d91d91f99a9a3f3b01f5470be3" alt="Fonctionnement d’ACUL" width="1400" height="448" data-path="docs/images/cdy7uua7fh8z/ACUL/Final-Dark-ACUL.png" />

La phase de **compilation** commence lorsque vous créez vos écrans d’authentification personnalisés dans votre propre environnement.

Utilisez les [ACUL SDKs](/docs/fr-ca/customize/login-pages/advanced-customizations/reference) pour soumettre votre code personnalisé afin de définir des prompts et des écrans à l’aide de la pile technologique frontend de votre choix, comme React ou Angular. Lorsque vous poussez des commits, votre pipeline CI/CD exécute le processus de compilation, compile votre application en assets statiques Javascript et CSS, puis téléverse ces assets dans votre stockage infonuagique privé, qui sert de votre propre réseau de diffusion de contenu (CDN).

La phase **d’exécution** commence lorsque votre application redirige les utilisateurs finaux vers votre page de connexion Auth0.

Auth0 reconnaît les écrans d’authentification que vous avez configurés pour utiliser ACUL et fournit une page hôte minimale. Le navigateur de l’utilisateur charge cette page, qui contient des balises HTML pointant vers les URL de vos assets sur votre CDN. Le navigateur télécharge votre Javascript et votre CSS, vérifie leur intégrité à l’aide des hachages Subresource Integrity (SRI), puis affiche votre interface utilisateur personnalisée. À partir de là, le code de votre application et l’ACUL SDK gèrent le reste de l’interaction de l’utilisateur.

<div id="requirements">
  ## Prérequis
</div>

Pour commencer à utiliser Advanced Customizations for Universal Login, vous devez disposer de ce qui suit :

* Un tenant de développement Auth0 configuré avec [Universal Login](/docs/fr-ca/authenticate/login/auth0-universal-login) et un [domaine personnalisé](/docs/fr-ca/customize/custom-domains).

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  Nous vous recommandons de créer un tenant pour les tests, le développement et la production, avec les balises d’environnement appropriées.
</Callout>

* Une [application propriétaire](/docs/fr-ca/get-started/auth0-overview/create-applications#create-applications) Auth0
  * Un CDN avec pipeline CI/CD intégré, comme GitHub, pour héberger des ressources.

| **À lire...**                                                                                                             | **Pour en savoir plus...**                                                 |
| ------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
| [Configurer ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/configure/overview)                           | Configurer ACUL pour votre tenant Auth0.                                   |
| [Guide de démarrage rapide d’ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/quickstart)                  | Démarrer avec un exemple d’application ACUL.                               |
| [Flux de travail de développement d’ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/development-workflow) | En savoir plus sur le flux de travail de développement d’ACUL.             |
| [Flux de travail de déploiement d’ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/deployment-workflow)    | En savoir plus sur le flux de travail de déploiement d’ACUL.               |
| [Cas d’utilisation d’ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/acul-use-cases)                      | En savoir plus sur les cas d’utilisation d’ACUL.                           |
| [SDK et ressources d’ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/reference)                           | En savoir plus sur les SDK d’ACUL et les ressources pour les développeurs. |