Dans ce tutoriel, vous allez construire PixelGen AI - un service de génération d’images AI qui démontre la facturation basée sur l’utilisation. Nous allons créer tout à partir de zéro : le compteur de facturation, la configuration du produit et le code d’application d’exemple qui génère des images et suit l’utilisation en temps réel.Documentation Index
Fetch the complete documentation index at: https://docs.dodopayments.com/llms.txt
Use this file to discover all available pages before exploring further.
- Génère des images en utilisant l’API DALL-E d’OpenAI
- Suit chaque génération d’image pour la facturation
- Facture automatiquement les clients en fonction de l’utilisation
- Gère différents niveaux de qualité (standard vs HD)
Ce que nous construisons
Commençons par comprendre notre service PixelGen AI :- Service : Génération d’images AI utilisant l’API DALL-E d’OpenAI
- Modèle de tarification : Paiement par image (0,05 $ par image)
- Niveau gratuit : 10 images gratuites par client par mois
- Options de qualité : Images standard et HD (même prix pour la simplicité)
- Un compte Dodo Payments
- L’accès à l’API d’OpenAI
- Une connaissance de base de TypeScript/Node.js
Étape 1 : Créer votre compteur d’utilisation
Nous allons commencer par créer un compteur dans votre tableau de bord Dodo Payments qui suivra chaque image générée par notre service. Pensez à cela comme le “compteur” qui suit les événements facturables.
Open the Meters section
- Connectez-vous à votre tableau de bord Dodo Payments
- Cliquez sur Meters dans la barre latérale gauche
- Cliquez sur le bouton Create Meter
Fill in the basic meter information
Image Generation MeterDescription : Copiez ceci → Tracks each AI image generation request made by customers using our DALL-E powered serviceNom de l’événement : C’est crucial – copiez exactement → image.generatedConfigure how we count images
imagesAdd quality filtering

- Activez le filtrage des événements : basculez sur ON
- Logique de filtre : sélectionnez OR (cela signifie « compter si UNE de ces conditions est vraie »)
- Ajoutez la première condition :
- Clé de propriété :
quality - Comparateur :
equals - Valeur :
standard
- Clé de propriété :
- Cliquez sur « Add Condition » pour la seconde :
- Clé de propriété :
quality - Comparateur :
equals - Valeur :
hd
- Clé de propriété :
Étape 2 : Créer votre produit de facturation
Maintenant, nous devons créer un produit qui définit notre tarification (0,05 $ par image avec 10 images gratuites). Cela connecte notre compteur à la facturation réelle.Navigate to Products
- Dans votre tableau de bord Dodo Payments, cliquez sur Products dans la barre latérale gauche
- Cliquez sur Create Product
- Sélectionnez Usage-Based comme type de produit
Enter product details
PixelGen AI - Image GenerationDescription : Copiez ceci → AI-powered image generation service with pay-per-use billingImage du produit : Téléchargez une image claire et pertinente.Connect your meter

0 afin de garantir que les clients ne soient facturés qu’en fonction de leur utilisation, sans frais de base.Maintenant, liez le compteur que vous venez de créer :- Faites défiler vers le bas jusqu’à la section Compteur associé
- Cliquez sur Ajouter des compteurs
- Dans le menu déroulant, sélectionnez “Compteur de génération d’images” (celui que vous avez créé plus tôt)
- Confirmez qu’il apparaît dans la configuration de votre produit
Set your pricing

0.05 (c’est-à-dire 0,05 $ par image)Seuil gratuit : Saisissez → 10 (les clients bénéficient de 10 images gratuites par mois)Save your product
- Vérifiez tous vos paramètres :
- Nom : PixelGen AI - Image Generation
- Compteur : Image Generation Meter
- Prix : 0,05 $ par image
- Offre gratuite : 10 images
- Cliquez sur Save Changes
Étape 3 : Effectuer un achat test
Avant de commencer à ingérer des événements d’utilisation, nous devons effectuer un achat test.Get your payment link
- Dans votre tableau de bord Dodo Payments, allez dans Products
- Trouvez votre produit « PixelGen AI - Image Generation »
- Cliquez sur le bouton Share à côté de votre produit
- Copiez le lien de paiement qui apparaît
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=1Complete a test purchase
- Ouvrez le lien de paiement dans un nouvel onglet de navigateur
- Saisissez des informations de paiement de test et finalisez l’achat.
Find your customer ID
- Retournez à votre tableau de bord Dodo Payments
- Allez dans Ventes → Clients dans la barre latérale
- Trouvez le client que vous venez de créer (avec l’email de test)
- Copiez l’ID du client - il ressemblera à
cus_abc123def456
Étape 4 : Construire l’application d’exemple
Maintenant que notre configuration de facturation est complète et qu’un client test a été créé. Construisons l’application d’exemple PixelGen AI qui génère des images et suit automatiquement l’utilisation pour la facturation.Étape 5 : Tester votre application d’exemple
Il est temps de tester notre service PixelGen AI d’exemple et de voir la facturation en action ! Assurons-nous que tout fonctionne de bout en bout.Set up your environment
- Créez un fichier
.envdans votre répertoirepixelgen-ai - Ajoutez vos clés API réelles :
- Installez les dépendances et exécutez l’application :
Generate your first test image
Generate a few more images
- “Un coucher de soleil sur des montagnes avec des nuages violets”
- “Une machine à café steampunk dans une cuisine victorienne”
- “Un dragon amical lisant un livre dans une bibliothèque”
Check your Dodo Payments dashboard
- Ouvrez votre tableau de bord Dodo Payments
- Allez dans Facturation d’utilisation → *Compteurs → Compteur de génération d’images
- Cliquez sur l’onglet Événements
- Vous devriez voir vos événements de génération d’images listés
- Nom des événements :
image.generated - ID client : Votre ID client de test
Verify billing calculations

- Dans votre compteur, allez à l’onglet Clients
- Trouvez votre client de test
- Vérifiez la colonne “Unités consommées”
Test the billing threshold
- Générez 8 images supplémentaires (pour atteindre 12 au total)
- Vérifiez à nouveau votre tableau de bord de compteur
- Vous devriez maintenant voir :
- Unités consommées : 12
- Unités facturables : 2 (12 - 10 gratuites)
- Montant de la facturation : 0,10 $
Dépannage
Problèmes courants et leurs solutions :Events not appearing in dashboard
Events not appearing in dashboard
- Le nom de l’événement ne correspond pas exactement à la configuration du compteur
- L’ID client n’existe pas dans votre compte
- La clé API est invalide ou expirée
- Problèmes de connectivité réseau
- Vérifiez que le nom de l’événement correspond exactement à la configuration du compteur (sensible à la casse)
- Vérifiez que l’ID client existe dans Dodo Payments
- Testez la clé API avec un appel API simple
- Vérifiez la connectivité réseau et les paramètres de pare-feu