@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.Exemples de gestionnaires de routes
Tous les exemples supposent que vous utilisez le Next.js App Router.
- Checkout Handler
- Customer Portal Handler
- Webhook Handler
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é.
Static Checkout (GET)
Static Checkout (GET)
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.returnUrl, issu de sa configuration, au lien sous la forme redirect_url.Format de la réponse
Le checkout statique renvoie une réponse JSON contenant l’URL de checkout. En mode test, l’URL utilisetest.checkout.dodopayments.com.Dynamic Checkout (POST)
Dynamic Checkout (POST)
- Envoyez les paramètres dans un corps JSON avec une requête POST.
- Prend en charge les paiements ponctuels et récurrents.
billingetcustomersont obligatoires.- Pour connaître tous les champs pris en charge du corps, consultez :
Format de la réponse
Le checkout dynamique renvoie une réponse JSON contenant l’URL de checkout :Checkout Sessions (POST)
Checkout Sessions (POST)
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.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.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-timestampetwebhook-signatureà l’aide dewebhookKey. 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
onPayloadpour chaque événement, puis le gestionnaire correspondant au type de l’événement, et renvoie 200.