Skip to main content
Le package @dodopayments/nextjs fournit trois gestionnaires de routes à votre projet Next.js App Router. Checkout renvoie des URL de checkout, CustomerPortal redirige un client vers le Customer Portal, et Webhooks vérifie les événements webhook et les transmet à votre code. Le package prend en charge Next.js 14, 15 et 16.

Checkout Handler

Créez des URL de checkout avec des flux statiques, dynamiques et de session de checkout.

Customer Portal

Permettez aux clients de gérer leurs abonnements et leurs informations.

Webhooks

Recevez et traitez les événements webhook Dodo Payments.

Installation

1

Install the Package

Exécutez cette commande à la racine de votre projet :
Le package nécessite également Zod 3.25 ou Zod 4 comme dépendance peer.
2

Set Up Environment Variables

Créez un fichier .env à la racine de votre projet. Créez la clé API sous Developer → API Keys et le secret webhook sous Developer → Webhooks dans le dashboard :
DODO_PAYMENTS_RETURN_URL est la page vers laquelle les clients sont redirigés après le checkout. Si vous ne transmettez pas d’environnement, les gestionnaires utilisent live_mode.
Ne committez jamais votre fichier .env ni vos secrets dans le contrôle de version.

Exemples de gestionnaires de routes

Tous les exemples supposent que vous utilisez le Next.js App Router.
Utilisez ce gestionnaire pour ajouter le checkout Dodo Payments à votre application. Un gestionnaire GET sert le checkout statique. Un gestionnaire POST sert les sessions de checkout, ou le checkout dynamique lorsque vous définissez type: "dynamic".

Gestionnaire de route de checkout

Le gestionnaire de checkout prend en charge les trois façons d’accepter des paiements avec Dodo Payments :
  • Payment Links statiques : URL partageables qui collectent les paiements sans code.
  • Payment Links dynamiques : liens de paiement que vous générez avec des informations personnalisées. Ils utilisent des endpoints obsolètes.
  • Sessions de checkout : checkout hébergé avec un panier de produits, les informations du client et des options de personnalisation. Il s’agit du flux recommandé.

Query Parameters pris en charge

string
requis
Identifiant du produit, par exemple ?productId=pdt_123.
integer
défaut:"1"
Quantité du produit.
string
Nom complet du client. Ignoré si firstName ou lastName est fourni.
string
Prénom du client.
string
Nom de famille du client.
string
Adresse e-mail du client.
string
Pays du client, sous forme de code ISO 3166-1 alpha-2.
string
Ligne d’adresse du client.
string
Ville du client.
string
État ou province du client.
string
Code ZIP ou code postal du client.
boolean
Définissez sur true pour désactiver le champ du nom complet.
boolean
Définissez sur true pour désactiver le champ du prénom.
boolean
Définissez sur true pour désactiver le champ du nom de famille.
boolean
Définissez sur true pour désactiver le champ de l’e-mail.
boolean
Définissez sur true pour désactiver le champ du pays.
boolean
Définissez sur true pour désactiver le champ de la ligne d’adresse.
boolean
Définissez sur true pour désactiver le champ de la ville.
boolean
Définissez sur true pour désactiver le champ de l’État.
boolean
Définissez sur true pour désactiver le champ du code ZIP.
string
Devise du paiement, par exemple USD.
boolean
défaut:"true"
Affichez ou masquez le sélecteur de devise.
number
Fixe le montant facturé, en unités monétaires principales, par exemple 12.5 pour $12.50. Fonctionne uniquement avec les produits Pay What You Want et est ignoré s’il est inférieur au prix minimum du produit.
boolean
défaut:"true"
Affichez ou masquez la section des réductions.
string
Tout query parameter commençant par metadata_ est transmis comme metadata.
Le gestionnaire ajoute returnUrl, issu de sa configuration, au lien sous la forme redirect_url.
Si productId est manquant, le gestionnaire renvoie une réponse 400. Les query parameters invalides et les identifiants de produits inexistants renvoient également 400.

Format de la réponse

Le checkout statique renvoie une réponse JSON contenant l’URL de checkout. En mode test, l’URL utilise test.checkout.dodopayments.com.
Le checkout dynamique utilise comme proxy les endpoints obsolètes POST /payments et POST /subscriptions. Il continue de fonctionner pour les intégrations existantes, mais les nouvelles intégrations doivent utiliser les sessions de checkout.

Format de la réponse

Le checkout dynamique renvoie une réponse JSON contenant l’URL de checkout :
Les sessions de checkout créent un checkout hébergé pour les achats ponctuels et les abonnements, avec un contrôle total de la personnalisation. product_cart est le seul champ obligatoire. Si le corps ne contient pas return_url, le gestionnaire utilise returnUrl issu de sa configuration.Pour plus de détails et la liste complète des champs pris en charge, consultez le Guide d’intégration des sessions de checkout.Une session créée avec payment_method_id ne renvoie aucune URL de checkout ; le gestionnaire répond donc avec 400. Pour débiter un moyen de paiement enregistré, créez plutôt la session avec le SDK.

Format de la réponse

Les sessions de checkout renvoient une réponse JSON contenant l’URL de checkout :

Gestionnaire de route Customer Portal

Le gestionnaire de route Customer Portal crée une session Customer Portal pour le client fourni et y redirige le navigateur.
Le gestionnaire ne vérifie pas l’identité de l’appelant. Toute personne qui l’appelle avec un identifiant client obtient le portail de ce client. Protégez la route avec votre propre authentification et transmettez uniquement l’identifiant client de l’utilisateur connecté.

Query Parameters

string
requis
Identifiant client de la session du portail, par exemple ?customer_id=cus_123.
boolean
Si cette valeur est définie sur true, Dodo Payments envoie également le lien du portail au client par e-mail.
Le gestionnaire renvoie 400 si customer_id est manquant, et 500 si la session du portail ne peut pas être créée.

Gestionnaire de route webhook

Le gestionnaire de route webhook vérifie chaque requête avant d’exécuter votre code :
  • Méthode : seules les requêtes POST sont prises en charge. Les autres méthodes renvoient 405.
  • Vérification de la signature : vérifie le corps brut de la requête avec les en-têtes webhook-id, webhook-timestamp et webhook-signature à l’aide de webhookKey. Renvoie 401 si la vérification échoue.
  • Validation du payload : analyse le corps vérifié comme du JSON et le valide avec Zod. Renvoie 400 lorsqu’un payload analysé ne correspond pas au schéma webhook.
  • Gestion des erreurs :
    • 401 : signature invalide
    • 400 : payload invalide
    • 500 : erreurs inattendues de vérification, JSON malformé ou erreurs levées par vos callbacks
  • Routage des événements : appelle onPayload pour chaque événement, puis le gestionnaire correspondant au type de l’événement, et renvoie 200.
L’adaptateur n’intercepte pas les erreurs levées dans vos gestionnaires. Elles se propagent jusqu’à Next.js et la requête échoue.

Gestionnaires d’événements webhook pris en charge

Chaque gestionnaire reçoit le payload vérifié correspondant à son type d’événement :
Pour connaître la signification de chaque événement, consultez le Guide des événements webhook.

Prompt pour LLM

Copiez ce prompt dans votre assistant de programmation IA pour lui demander d’ajouter l’adaptateur à votre projet. Pour fournir également à votre agent la documentation et les compétences Dodo Payments, installez le Plugin Agent.
Dernière modification le 26 septembre 2026