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

# Personnalisations avancées pour la connexion universelle (ACUL)

> Aperçu des personnalisations avancées d'Auth0 pour la connexion universelle

**Les personnalisations avancées pour la connexion universelle (ACUL)** étendent les capacités de [Connexion universelle](/docs/fr-ca/authenticate/login/auth0-universal-login/universal-login-vs-classic-login/universal-experience#universal-login-experience) pour prendre en charge le multi-marques, les 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/docs-dev-actions-triggers-prototype/MNtBkzvZfEbOLfRS/docs/images/videos/ACUL.mp4?fit=max&auto=format&n=MNtBkzvZfEbOLfRS&q=85&s=f55395a130d0276b5457458da1f189fc" 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 test A/B existantes et définir l'expérience utilisateur. Les [SDK ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/reference) agissent comme la connexion entre votre code personnalisé et la connexion universelle.

## Avantages

* Étendre les capacités de la connexion universelle d'Auth0 pour prendre en charge plusieurs marques dans un seul tenant.
* Profitez des fonctionnalités d'Auth0, telles que les [Passkeys](/docs/fr-ca/authenticate/database-connections/passkeys), la [Détection des robots](/docs/fr-ca/secure/attack-protection/bot-detection) et les [facteurs MFA](/docs/fr-ca/secure/multi-factor-authentication), sans reconstruire 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 créer avec votre propre pile technologique. Vous pouvez :
  * Utiliser n'importe quelle bibliothèque de CSS, JS ou de composants tierce
  * Intégrer votre plateforme d'analyse préférée, telle que Heap, Mixpanel, etc.
  * Construire avec votre framework frontend préféré, tel que Vue ou React

## Cas d'utilisation

Vous souhaitez utiliser ACUL avec votre implémentation de connexion universelle si :

* Vous devez appliquer des normes de marque spécifiques à vos flux d'authentification.
* Vous devez offrir une expérience multi-marques.
* Vous devez fournir des tests A/B au niveau de l'interface utilisateur ou des analyses détaillées.
* Vous devez fournir une connexion universelle localisée 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, lisez [Cas d'utilisation ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/acul-use-cases).

## Comment ça fonctionne

<img className="block dark:hidden" src="https://mintcdn.com/docs-dev-actions-triggers-prototype/nRTYX19FsgfcTLla/docs/images/cdy7uua7fh8z/ACUL/Final-Light-ACUL.png?fit=max&auto=format&n=nRTYX19FsgfcTLla&q=85&s=c6400d7c22fe9522c89556b348dde8a1" alt="Comment fonctionne ACUL" width="1400" height="449" data-path="docs/images/cdy7uua7fh8z/ACUL/Final-Light-ACUL.png" />

<img className="hidden dark:block" src="https://mintcdn.com/docs-dev-actions-triggers-prototype/nRTYX19FsgfcTLla/docs/images/cdy7uua7fh8z/ACUL/Final-Dark-ACUL.png?fit=max&auto=format&n=nRTYX19FsgfcTLla&q=85&s=4d1660d2c1e1f9fe624d4325bcca754a" alt="Comment fonctionne ACUL" width="1400" height="448" data-path="docs/images/cdy7uua7fh8z/ACUL/Final-Dark-ACUL.png" />

**Le temps de construction** commence lorsque vous construisez vos écrans d'authentification personnalisés dans votre propre environnement.

Utilisez les [SDK ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/reference) pour soumettre votre code personnalisé afin de définir des invites et des écrans avec votre pile technologique frontend préférée, comme React ou Angular. Lorsque vous poussez des commits, votre pipeline CI/CD exécute le processus de construction, compile votre application en assets JavaScript et CSS statiques, et télécharge ces assets vers votre stockage cloud privé, qui sert de votre propre réseau de distribution de contenu (CDN).

**Le temps 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 sert une page d'hôte minimale. Le navigateur de l'utilisateur charge cette page, qui contient des balises HTML pointant vers vos URL d'assets sur votre CDN. Le navigateur télécharge votre JavaScript et CSS, vérifie leur intégrité à l'aide des hachages SRI, et rend votre interface utilisateur personnalisée. À partir de là, votre code d'application et le SDK ACUL gèrent le reste de l'interaction de l'utilisateur

## Exigences

Pour commencer avec la personnalisation avancée pour la connexion universelle, vous devez disposer de :

* Un tenant de développement Auth0 configuré avec la [Connexion universelle](/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 First Party](/docs/fr-ca/get-started/auth0-overview/create-applications#create-applications) Auth0
* Un CDN avec un pipeline CI/CD inclus, tel que GitHub, pour héberger les assets.

| Lire...                                                                                                                 | Pour apprendre...                                          |
| ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- |
| [Configurer ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/configure)                                  | Comment configurer ACUL avec votre tenant Auth0.           |
| [ACUL Démarrage rapide](/docs/fr-ca/customize/login-pages/advanced-customizations/quickstart)                           | Comment démarrer avec un exemple d'application ACUL.       |
| [Flux de travail de développement ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/development-workflow) | À propos du flux de travail de développement ACUL.         |
| [Flux de travail de déploiement ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/deployment-workflow)    | À propos du flux de travail de déploiement ACUL.           |
| [Cas d'utilisation ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/acul-use-cases)                      | À propos des cas d'utilisation ACUL.                       |
| [SDK et ressources ACUL](/docs/fr-ca/customize/login-pages/advanced-customizations/reference)                           | À propos des SDK ACUL et des ressources pour développeurs. |