Passer au contenu principal
L’intégration native d’Auth0 avec Vercel vous permet de connecter votre plateforme d’identité à votre projet Vercel avec un minimum de configuration. Configurez et personnalisez votre interface de connexion sans avoir à repartir de zéro. Vous pourrez ensuite étendre et faire évoluer vos flux d’authentification et d’autorisation grâce à des fonctionnalités avancées, notamment Organisations B2B, Fine-Grained Authorization (FGA), Auth0 for AI Agents, et plus encore. L’intégration native d’Auth0 avec Vercel offre ce qui suit :
  • La création automatique d’une application Auth0 connectée à votre projet Vercel.
  • Le préchargement de vos identifiants Auth0 dans le Vercel Dashboard pour une configuration simple et rapide.
  • Une prise en charge prête à l’emploi pour vos applications Next.js à l’aide des SDK Auth0.
L’intégration native d’Auth0 avec Vercel crée un nouvel environnement de locataire dans Auth0 pour votre projet Vercel. Si vous souhaitez utiliser un compte Auth0 existant, intégrez Vercel manuellement lors de la création d’une application dans l’Auth0 Dashboard.

​
Prérequis

Avant de commencer, assurez-vous d’avoir : Après avoir installé l’intégration, activez l’intégration dans une iframe pour permettre à Universal Login ou à Classic Login de se charger dans une iframe, comme l’exige Vercel.

​
Installer l’intégration

Installez l’intégration native d’Auth0 pour Vercel à partir du Vercel Marketplace :
  1. Accédez à Integrations > Browse Marketplace et recherchez Auth0. Sélectionnez l’intégration Auth0 sous Native Integrations, puis sélectionnez Install.
  2. Auth0 renseigne automatiquement l’URL localhost et l’URL de callback de votre application. Sélectionnez votre Installation Plan, puis sélectionnez Continue.
  3. Saisissez un nom pour votre application. Sélectionnez Create. Une fois le nouveau locataire Auth0 et l’application créés avec succès, sélectionnez Continue.
  4. Pour connecter un projet Vercel existant, sélectionnez Connect Project, puis votre projet et vos environnements. Saisissez un préfixe personnalisé à ajouter à vos variables d’environnement, au besoin. Sélectionnez Connect. Une fois le projet Vercel connecté, vous devriez être redirigé vers la section Getting Started de l’intégration.

​
Bien démarrer

La section Bien démarrer dans Vercel Dashboard affiche un guide de démarrage rapide pour mettre votre application en service rapidement et de façon sécuritaire. Vous pouvez aussi gérer les paramètres de votre application dans le menu de navigation de gauche.

​
Guide de démarrage rapide

Pour commencer à utiliser l’intégration native Vercel d’Auth0, suivez les instructions dans le Vercel Dashboard pour créer et déployer votre application.
Vous ne pouvez configurer les variables d’environnement Auth0 que dans un environnement de production.

​
Gérer les paramètres de l’application

Vous pouvez gérer les paramètres de votre application dans le Vercel Dashboard et l’Auth0 Dashboard.

​
Vercel Dashboard

Pour gérer les paramètres de votre application dans le Vercel Dashboard, accédez à Settings dans le menu de navigation de gauche. Vous pouvez mettre à jour les paramètres d’application suivants :
  • Modifier le nom : Modifiez le nom de l’application.
  • Mettre à jour la configuration :
    • Paramètres : Mettez à jour l’URL localhost et le point de terminaison de callback de votre application.
    • Plan actuel à l’échelle de l’installation : Accédez aux paramètres de l’intégration pour mettre à jour le plan à l’échelle de l’installation de votre intégration. Pour en savoir plus, consultez Settings.
  • Sécuriser cette ressource
    • Rotation des secrets : Effectuez la rotation des secrets de votre application. Pour en savoir plus, consultez Rotating environment variables.
    • Environnements autorisés : Sélectionnez si l’intégration est disponible dans Tous les environnements ou L’environnement de production uniquement.
  • Supprimer l’intégration : Lorsque vous supprimez l’intégration, vous passez automatiquement au forfait Free de Vercel. Pour en savoir plus, consultez Delete integration.

​
Auth0 Dashboard

Gérez des paramètres de l’application supplémentaires dans l’Auth0 Dashboard. Lorsque vous installez l’intégration native, Auth0 crée une nouvelle application dans un locataire dédié, préremplie avec vos URI Vercel, les URL de callback autorisées et les URL de déconnexion. Vous pouvez modifier cette application, par exemple en personnalisant votre expérience Universal Login, comme vous le feriez pour n’importe quelle autre application dans votre Auth0 Dashboard.

​
Gérer l’intégration

Pour gérer l’intégration depuis votre Vercel Dashboard, sélectionnez l’onglet Integration de votre projet, faites défiler la page jusqu’à l’intégration Auth0, puis sélectionnez Manage.

​
Factures

Sur la page Factures, consultez la liste des factures liées à votre intégration Auth0. Pour en savoir plus, consultez Billing & Invoices.

​
Paramètres

Sur la page Paramètres, ajoutez des modes de paiement, modifiez le plan à l’échelle de l’installation et supprimez l’intégration.

​
Modes de paiement

Pour ajouter un mode de paiement, sélectionnez Ajouter. Pour en savoir plus sur les modes de paiement, consultez la tarification de Vercel.

​
Plan actuel à l’échelle de l’installation

Le plan à l’échelle de l’installation s’applique à tous les produits de l’installation. Pour modifier le plan à l’échelle de l’installation :
  1. Sous Settings, faites défiler la page jusqu’à Current Installation Level Plan, puis sélectionnez Change Plan.
  2. Sélectionnez le plan souhaité à l’échelle de l’installation.
  3. Sélectionnez Continue.
  4. Vérifiez votre sélection, puis sélectionnez Update.
  5. Une fois l’installation mise à jour, sélectionnez Done.

​
Supprimer l’intégration

Lorsque vous supprimez l’intégration, votre forfait Vercel passe automatiquement au forfait Free. Pour supprimer l’intégration :
  1. Sous Settings, faites défiler la page jusqu’à Delete <YOUR_PRODUCT> et sélectionnez le bouton Remove <YOUR_PRODUCT>.
  2. Saisissez le slug de l’intégration et votre équipe, puis sélectionnez Je reconnais que cela supprimera mon compte connecté à Auth0.
  3. Sélectionnez Remove <YOUR_PRODUCT>.