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

# Universal Portals

> Découvrez les portails Universal d’Auth0, une plateforme d’expérience d’identité hébergée qui permet de déployer des portails prédéfinis sans écrire de code ni gérer l’infrastructure.

export const ReleaseStageNotice = ({feature, stage, plans, contact, terms}) => {
  const stageTextMap = {
    "beta": "bêta",
    "ea": "Accès anticipé"
  };
  const stageText = stageTextMap[stage] || "une phase de lancement du produit";
  const prsLink = "/docs/troubleshoot/product-lifecycle/product-release-stages";
  const linkify = (text, url) => {
    return <a href={url} target="_blank" rel="noreferrer" class="link">{text}</a>;
  };
  const includeDetails = (plans, contact, terms) => {
    const hasDetails = terms || plans || contact;
    if (!hasDetails) return null;
    return <span data-as="p">
            {plans && <>Cette fonctionnalité est offerte avec les forfaits {linkify(`${plans}`, "https://auth0.com/pricing")}. </>}
            {contact && "Pour y participer, communiquez avec " + contact + ". "}
            {terms && <>En utilisant cette fonctionnalité, vous acceptez les conditions applicables de l’essai gratuit énoncées dans le {linkify("Master Subscription Agreement", "https://www.okta.com/legal")} d’Okta.</>}
        </span>;
  };
  return <Warning>
            <span data-as="p">
                <strong>La fonctionnalité {feature} est en {linkify(stageText, prsLink)}.</strong>
            </span>

            {includeDetails(plans, contact, terms)}
        </Warning>;
};

<ReleaseStageNotice feature="Auth0 Universal Portals" stage="beta" terms="true" contact="Auth0 Support" />

Auth0 Universal Portals est une plateforme d’expérience d’identité hébergée. Elle vous permet de déployer des portails prêts à l’emploi et entièrement gérés offrant la gestion de profil, les paramètres d’organisation et plus encore. Vous n’avez pas besoin d’écrire de code, d’héberger l’infrastructure ni d’assurer la maintenance d’une interface utilisateur personnalisée.

Universal Portals vous permet de créer des portails libre-service hébergés par Auth0 à l’aide de [My Account API](/docs/fr-ca/api/myaccount) pour les paramètres personnels ou de [My Organization API](/docs/fr-ca/api/myorganization) pour la gestion des organisations.

<Frame>
  <img src="https://mintcdn.com/translations/oyf5dwefQkpFhecP/docs/images/customize/portals/portal-editor.png?fit=max&auto=format&n=oyf5dwefQkpFhecP&q=85&s=5403d4a10f8215df81af2526d26ba982" alt="Éditeur visuel d’Universal Portals" width="3826" height="1836" data-path="docs/images/customize/portals/portal-editor.png" />
</Frame>

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

Universal Portals prend en charge les cas d’utilisation suivants :

* Créez des **portails clients** en libre-service qui permettent aux utilisateurs finaux de gérer le profil de leur compte, de s’inscrire à l’[authentification multifacteur (MFA)](/docs/fr-ca/secure/multi-factor-authentication#multi-factor-authentication-mfa), de modifier leur mot de passe et de configurer leurs paramètres de sécurité.
  Ce cas d’utilisation remplace la page **My Account** que chaque application doit créer de toutes pièces.

<Frame>
  <img src="https://mintcdn.com/translations/oyf5dwefQkpFhecP/docs/images/customize/portals/universal-portal-b2c-example.png?fit=max&auto=format&n=oyf5dwefQkpFhecP&q=85&s=88517c77ce80793d19ccbb3ce938d352" alt="Exemple de portail client" width="2400" height="1500" data-path="docs/images/customize/portals/universal-portal-b2c-example.png" />
</Frame>

* Créez des **portails d’entreprise** en libre-service qui permettent aux membres de l’organisation de gérer la configuration de celle-ci, la vérification du domaine et la gestion de l’équipe.
  Ce cas d’utilisation remplace la page **My Organization** que chaque application B2B doit créer de toutes pièces.

<Frame>
  <img src="https://mintcdn.com/translations/oyf5dwefQkpFhecP/docs/images/customize/portals/universal-portal-b2b-example.png?fit=max&auto=format&n=oyf5dwefQkpFhecP&q=85&s=6880bbb441a3f57720517f7000a2a61e" alt="Exemple de portail d’entreprise" width="2400" height="1500" data-path="docs/images/customize/portals/universal-portal-b2b-example.png" />
</Frame>

<div id="key-features">
  ## Fonctionnalités clés
</div>

Universal Portals offre les fonctionnalités suivantes, sans devoir les développer, les configurer ou les maintenir :

* **Éditeur visuel** : configurez les pages du portail à l’aide d’un éditeur par glisser-déposer. Il comprend :

  * **Composants d’identité** : utilisez des [Universal Components](/docs/fr-ca/get-started/universal-components/universal-components-overview) prédéfinis pour la gestion des profils, l’inscription à l’AMF, les changements de mot de passe et les paramètres de l’organisation.
  * **[Auth0 Forms](/docs/fr-ca/customize/forms)** : utilisez des formulaires dans les pages du portail pour recueillir des renseignements auprès des utilisateurs finaux, comme des mises à jour de profil, l’acceptation de politiques et les préférences en matière de communications marketing.
  * **Composants de mise en page** : ajoutez des sections, des séparateurs et d’autres éléments structurels pour organiser visuellement les pages.

* **Portail et application** : chaque portail s’appuie sur une [Regular Web App](/docs/fr-ca/get-started/auth0-overview/create-applications/regular-web-apps#register-regular-web-applications) Auth0.
  * Lorsque vous créez un portail à l’aide de l’Auth0 Dashboard, Auth0 crée et configure automatiquement l’application : les callbacks, les URL de logout, l’accès aux API et les grants sont tous configurés.
  * Vous pouvez également provisionner ces ressources manuellement à l’aide de l’Auth0 CLI ou de la Management API, puis lier l’application lors de la création du portail. Pour en savoir plus, consultez le [Quickstart Universal Portals](/docs/fr-ca/customize/portals/quickstart).

* **Héritage de l’image de marque** : les portails héritent automatiquement des paramètres d’image de marque, du logo, des couleurs et des polices de votre tenant. Dans les scénarios B2B, l’image de marque s’adapte au contexte de l’organisation.

* **Aucune infrastructure** : les portails sont entièrement hébergés par Auth0. Il n’y a rien à déployer, à faire évoluer ni à maintenir.

* **Paramètres de sécurité par défaut** : Universal Portals implémente par défaut les meilleures pratiques de sécurité des identités :

  * [**Logout par canal secondaire**](/docs/fr-ca/authenticate/login/logout/back-channel-logout) : lorsqu’une session se termine, quelle qu’en soit la raison (logout depuis un autre appareil, révocation de session, modifications du compte), la session du portail est automatiquement terminée sur tous les appareils.
  * **Renforcement automatique de l’AMF** : lorsqu’un utilisateur accède à une opération sensible, le portail gère le challenge d’authentification de façon transparente et réessaie l’opération initiale en cas de réussite.

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

Universal Portals permet à vos utilisateurs authentifiés d’accéder à un portail depuis votre application.
Lorsqu’ils accèdent à l’URL du portail, le serveur du portail effectue une [authentification unique](/docs/fr-ca/authenticate/single-sign-on/inbound-single-sign-on) avec Auth0, de manière transparente et sans invite de connexion.

Auth0 émet un [jeton d’accès](/docs/fr-ca/secure/tokens/access-tokens) et un [jeton d’actualisation](/docs/fr-ca/secure/tokens/refresh-tokens), qui sont stockés côté serveur. Le navigateur reçoit uniquement un cookie de [session](/docs/fr-ca/manage-users/sessions) chiffré.

Lorsque l’utilisateur navigue entre les sections, le serveur du portail utilise le jeton d’actualisation pour obtenir un nouveau jeton d’accès limité à la ressource requise par la section.
Le jeton d’actualisation émis lors de la connexion peut être échangé contre des jetons d’accès destinés à différentes audiences, comme la [My Account API](/docs/fr-ca/api/myaccount) pour les paramètres personnels ou la [My Organization API](/docs/fr-ca/api/myorganization) pour la gestion de l’organisation.

Dans le diagramme ci-dessous, l’utilisateur accède à la section Sécurité pour gérer ses méthodes d’authentification, ce qui nécessite la My Account API.

```mermaid theme={null}
sequenceDiagram
    participant Browser
    participant PS as Portal server
    participant AS as Authorization Server (Auth0)
    participant MAC as My Account API (Auth0)

    Browser->>PS: Navigate to portal URL
    PS->>AS: SSO (user already authenticated in app)
    AS-->>PS: Access token + refresh token
    Note right of PS: Tokens stored server-side
    PS-->>Browser: Session cookie

    Note over Browser,MAC: User navigates to security section

    Browser->>PS: Load authentication methods
    PS->>AS: Exchange refresh token for AT (My Account API)
    AS-->>PS: Scoped access token
    PS->>MAC: GET /me/authentication-methods
    MAC-->>Browser: Authentication methods
```

<div id="step-up-challenges">
  ### Défis de vérification renforcée
</div>

Certaines opérations nécessitent un niveau d’assurance plus élevé. Lorsqu’un utilisateur tente d’effectuer une action sensible, comme [supprimer un authenticator](/docs/fr-ca/api/myaccount/authentication-methods/delete-authentication-method), qui nécessite le scope `delete:me:authentication_methods`, Auth0 indique qu’un défi de vérification renforcée est requis.

Universal Portals gère ce processus automatiquement : il présente le défi de vérification renforcée et réessaie l’opération initiale une fois que l’utilisateur l’a terminé.

```mermaid theme={null}
sequenceDiagram
    participant Browser
    participant PS as Portal server
    participant AS as Authorization Server (Auth0)
    participant MAC as My Account API (Auth0)

    Browser->>PS: Delete authenticator
    PS->>AS: Request AT (delete:me:authentication_methods)
    AS-->>PS: Step-up required
    PS-->>Browser: Step-up challenge
    Browser->>AS: Complete step-up challenge
    AS-->>PS: Scoped access token
    PS->>MAC: DELETE /me/authentication-methods/{id}
    MAC-->>Browser: Success
```

<div id="universal-portals-and-universal-components">
  ## Universal Portals et Universal Components
</div>

Les Universal Portals et les [Universal Components](/docs/fr-ca/get-started/universal-components/universal-components-overview) utilisent la même bibliothèque de composants, mais se distinguent par la personne responsable de la diffusion.

* Les Universal Portals offrent une expérience entièrement hébergée.
* Les Universal Components offrent une expérience intégrée.

|                                     | **Universal Components (Embedded)**                                        | **Universal Portals (Hosted)**                             |
| ----------------------------------- | -------------------------------------------------------------------------- | ---------------------------------------------------------- |
| **Votre responsabilité**            | Hébergement, layout, intégration de l’authentification, gestion des tokens | Contenu et configuration de la page                        |
| **Parcours de l’utilisateur final** | Reste dans votre application                                               | Redirigé vers une URL de portail distincte                 |
| **Quand choisir**                   | Contrôle complet de l’expérience utilisateur ; aucune redirection requise  | Déploiement le plus rapide ; aucune infrastructure à gérer |

**Universal Components (Embedded)**

```mermaid theme={null}
flowchart LR
    user("Utilisateur")
    subgraph app ["Votre application"]
        direction TB
        eurl["`*app.acme.com/account*`"]
        uc["Universal Components"]
        eurl -.-> uc
    end
    user --> app
```

**Universal Portals (hébergés)**

```mermaid theme={null}
flowchart LR
    user("Utilisateur")
    subgraph portal ["Universal Portals"]
        direction TB
        hurl["`*acme.us.auth0.com/portals/account*`"]
        uc["Universal Components"]
        hurl -.-> uc
    end
    user --> portal
```

<div id="learn-more">
  ## En savoir plus
</div>

<Card title="Quickstart Universal Portals" icon="gear" href="/docs/fr-ca/customize/portals/quickstart" horizontal>
  Découvrez comment configurer et créer un portail.
</Card>