Ce tutoriel fournit un exemple de code pour une application basée sur un terminal. Vous pouvez adapter ce code à votre framework spécifique (React, Vue, Angular, etc.) et personnaliser la méthode de saisie utilisateur en fonction des besoins de votre application.
- 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é)
Avant de commencer, assurez-vous de disposer de :
- 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
Maintenant, saisissons les détails spécifiques de notre service PixelGen AI :Nom du compteur : Copiez-collez ceci exactement →
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
Configurer l’agrégation (la manière dont le compteur additionne nos événements) :Type d’agrégation : Sélectionnez Compter dans le menu déroulantUnité de mesure : Tapez →
imagesNous utilisons « Count » parce que nous souhaitons facturer par image générée, et non pas selon la taille ou la durée. Chaque image générée avec succès = 1 unité facturable.
Add 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
Remplissez ces valeurs exactes pour notre service PixelGen AI :Nom du produit : Copiez ceci →
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.Ces informations apparaîtront sur les factures des clients, alors veillez à ce qu’elles soient claires et professionnelles.
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
Votre compteur est désormais connecté à ce produit.
Set your pricing
Voici où nous définissons notre modèle économique :
Prix par unité : Saisissez →

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
Produit créé ! Votre facturation est maintenant configurée. Les clients seront automatiquement facturés selon leur utilisation de génération d’images.
É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.
Après le paiement réussi, vous disposerez d’un ID client que nous utiliserons dans notre code applicatif.
Find your customer ID
- Revenez à votre tableau de bord Dodo Payments
- Naviguez vers Customers dans la barre latérale gauche
- Trouvez le client que vous venez de créer (avec l’adresse e-mail de test)
- Copiez l’ID client – il ressemblera à
cus_abc123def456
Conservez cet ID client – nous le coderons en dur dans notre code d’exemple pour garantir que les événements sont correctement suivis.
É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.
Voici l’application PixelGen AI complète avec facturation intégrée :
É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
Commencez par vérifier que tout est configuré :
- 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
Lorsque l’application démarre, vous verrez :Essayez cette invite : “Un robot mignon peignant un paysage”Vous devriez voir une sortie comme ceci :
Si vous voyez « Usage event sent successfully », votre intégration de facturation fonctionne !
Generate a few more images
Générons encore 2 à 3 images pour tester plusieurs événements. Essayez ces invites :
- “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
Vérifions maintenant que les événements sont bien reçus :
- 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
Vous devriez voir un événement pour chaque image générée !
Verify billing calculations
Vérifions si le comptage d’utilisation fonctionne :

- Dans votre compteur, allez à l’onglet Clients
- Trouvez votre client de test
- Vérifiez la colonne “Unités consommées”
Test the billing threshold
Dépassons le niveau gratuit pour voir la facturation en action :
- 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 $
Succès ! Votre facturation basée sur l’utilisation fonctionne parfaitement. Les clients seront automatiquement facturés selon leur véritable utilisation de génération d’images.
Dépannage
Problèmes courants et leurs solutions :Events not appearing in dashboard
Events not appearing in dashboard
Causes possibles :
- 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
Félicitations ! Vous avez construit PixelGen AI
Vous avez réussi à créer un extrait pour la génération d’images AI avec facturation basée sur l’utilisation ! Voici ce que vous avez accompli :Usage Meter
Création du « Image Generation Meter » qui suit chaque événement de génération d’image
Billing Product
Mise en place d’une tarification à 0,05 $ par image avec 10 images gratuites par mois
AI Application
Création d’une application TypeScript fonctionnelle qui génère des images via DALL·E d’OpenAI
Automated Billing
Intégration d’un suivi d’événements en temps réel qui facture automatiquement les clients