@dodopayments/sveltekit fournit trois gestionnaires de routes à votre application SvelteKit. Checkout renvoie des URL de checkout, CustomerPortal envoie un client vers le Customer Portal et Webhooks vérifie les événements webhook et les achemine vers votre code.
Checkout Handler
Créez des URL de checkout depuis votre application SvelteKit.
Customer Portal
Permettez aux clients de gérer leurs abonnements et leurs informations.
Webhooks
Recevez et vérifiez les événements webhook Dodo Payments.
Installation
1
Install the Package
Exécutez cette commande à la racine de votre projet :Le package répertorie SvelteKit 2 (
@sveltejs/kit 2.20.3 ou version ultérieure) et zod 3.25 ou version ultérieure comme peer dependencies.2
Set Up Environment Variables
Créez un fichier Créez la clé API sous Developer → API Keys. Ajoutez votre endpoint webhook sous Developer → Webhooks et copiez son secret de signature dans
.env à la racine de votre projet :DODO_PAYMENTS_WEBHOOK_KEY. 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
Les exemples sont des endpoints SvelteKit
+server.ts sous src/routes/api/. Ils importent vos identifiants depuis $env/static/private, que SvelteKit exclut du code côté client.- Checkout Handler
- Customer Portal Handler
- Webhook Handler
Utilisez ce gestionnaire pour ajouter le checkout Dodo Payments à votre application SvelteKit.
Checkout renvoie un gestionnaire GET pour le checkout statique et un gestionnaire POST pour les sessions de checkout, ou pour le checkout dynamique lorsque vous définissez type: "dynamic". Exportez GET depuis un gestionnaire créé avec type: "static" ou sans type, car le gestionnaire GET d’un gestionnaire session ou dynamic renvoie 400.POST provient d’un gestionnaire créé avec type: "dynamic". Avec type: "session", comme dans l’exemple de route, envoyez la requête de session de checkout.Gestionnaire de route Checkout
Le gestionnaire de checkout prend en charge les trois façons d’accepter des paiements avec Dodo Payments :- Liens de paiement statiques : URL partageables qui collectent les paiements sans code.
- Liens de paiement 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é.
Checkout accepte les options suivantes :
Static Checkout (GET)
Static Checkout (GET)
Paramètres de requête pris en charge
string
requis
Identifiant du produit, par exemple
?productId=pdt_nZuwz45WAs64n3l07zpQR.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 cette valeur sur
true pour désactiver le champ du nom complet.boolean
Définissez cette valeur sur
true pour désactiver le champ du prénom.boolean
Définissez cette valeur sur
true pour désactiver le champ du nom de famille.boolean
Définissez cette valeur sur
true pour désactiver le champ de l’adresse e-mail.boolean
Définissez cette valeur sur
true pour désactiver le champ du pays.boolean
Définissez cette valeur sur
true pour désactiver le champ de la ligne d’adresse.boolean
Définissez cette valeur sur
true pour désactiver le champ de la ville.boolean
Définissez cette valeur sur
true pour désactiver le champ de l’état.boolean
Définissez cette valeur sur
true pour désactiver le champ du code ZIP.string
Devise du paiement, par exemple
USD.boolean
défaut:"true"
Affiche ou masque 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"
Affiche ou masque la section des réductions.
string
Tout paramètre de requête commençant par
metadata_ est transmis comme métadonnée.returnUrl depuis 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 d’une requête POST.
- Prend en charge les paiements ponctuels et récurrents.
billingetcustomersont requis.- Pour connaître tous les champs de corps pris en charge, 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 requis. Si le corps ne contient pas return_url, le gestionnaire utilise returnUrl depuis sa configuration.Pour plus de détails et pour consulter tous les 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 que vous indiquez et y redirige le navigateur avec une réponse 302.Paramètres de requête
string
requis
Identifiant du client pour 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.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 ainsi que les en-têtes
webhook-id,webhook-timestampetwebhook-signatureavecwebhookKey, conformément à la spécification Standard Webhooks. Renvoie 401 si la vérification échoue. - Validation du payload : valide le payload avec Zod. Renvoie 400 si le payload est invalide.
- Gestion des erreurs :
- 401 : signature invalide
- 400 : payload invalide
- 500 : erreur interne lors de la vérification
- Routage des événements : appelle
onPayloadpour chaque événement, puis le gestionnaire correspondant au type de l’événement, et renvoie 200.