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

# Personnalisations avancées pour Universal Login (ACUL)

> Aperçu des personnalisations avancées pour Universal Login d’Auth0

**Les personnalisations avancées pour Universal Login (ACUL)** étendent les capacités de [Universal Login](/fr-CA/docs/authenticate/login/auth0-universal-login/universal-login-vs-classic-login/universal-experience#universal-login-experience) pour prendre en charge la 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 le framework de votre choix, intégrer vos plateformes d’analyse et de tests A/B existantes, et définir l’expérience utilisateur. Les [SDK ACUL](/fr-CA/docs/customize/login-pages/advanced-customizations/reference) assurent la liaison entre votre code personnalisé et Universal Login.

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

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

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

Vous devriez utiliser ACUL avec votre implémentation de Universal Login si :

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

Pour en savoir plus, consultez [Cas d’utilisation d’ACUL](/fr-CA/docs/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 **build time** commence lorsque vous générez vos écrans d’authentification personnalisés dans votre propre environnement.

Utilisez les [SDK ACUL](/fr-CA/docs/customize/login-pages/advanced-customizations/reference) pour soumettre votre code personnalisé afin de définir des invites et des écrans avec la pile technologique frontale de votre choix, comme React ou Angular. Lorsque vous poussez des commits, votre pipeline CI/CD exécute le processus de génération, compile votre application en ressources JavaScript et CSS statiques, puis téléverse ces ressources dans votre stockage infonuagique privé, qui sert de votre propre réseau de diffusion de contenu (CDN).

La phase de **run time** 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 sert une page hôte minimale. Le navigateur de l’utilisateur charge cette page, qui contient des balises HTML pointant vers les URL de vos ressources sur votre CDN. Le navigateur télécharge vos fichiers JavaScript et CSS, en vérifie l’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 le SDK ACUL gèrent le reste de l’interaction utilisateur.

<div id="requirements">
  ## Exigences
</div>

Pour commencer à utiliser les personnalisations avancées pour Universal Login, vous devez disposer des éléments suivants :

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

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

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

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