Dieses Tutorial liefert Beispielimplementierungscode für eine terminalbasierte Anwendung. Du kannst diesen Code für dein spezifisches Framework (React, Vue, Angular usw.) anpassen und die Methode zur Benutzereingabe gemäß den Anforderungen deiner Anwendung individualisieren.
- Bilder mit der DALL-E API von OpenAI generiert
- Jede Bildgenerierung zur Abrechnung verfolgt
- Kunden automatisch basierend auf der Nutzung belastet
- Verschiedene Qualitätsstufen (Standard vs. HD) behandelt
Was wir bauen
Lassen Sie uns damit beginnen, unseren PixelGen AI-Dienst zu verstehen:- Dienst: KI-Bildgenerierung mit der DALL-E API von OpenAI
- Preismodell: Abrechnung pro Bild (0,05 $ pro Bild)
- Kostenloses Kontingent: 10 kostenlose Bilder pro Kunde und Monat
- Qualitätsoptionen: Standard- und HD-Bilder (zum Zweck der Einfachheit zum gleichen Preis)
Bevor wir beginnen, stelle sicher, dass du Folgendes hast:
- Ein Dodo Payments-Konto
- Zugriff auf die API von OpenAI
- Grundkenntnisse in TypeScript/Node.js
Schritt 1: Erstellen Sie Ihren Nutzungsmesser
Wir beginnen damit, einen Zähler in Ihrem Dodo Payments-Dashboard zu erstellen, der jede Bildgenerierung unseres Dienstes verfolgt. Denken Sie daran als den “Zähler”, der abrechnungsfähige Ereignisse verfolgt.
Open the Meters section
- Melde dich bei deinem Dodo Payments-Dashboard an
- Klicke in der linken Seitenleiste auf Meters
- Klicke auf die Schaltfläche Create Meter
Fill in the basic meter information
Jetzt geben wir die spezifischen Details für unseren PixelGen AI-Dienst ein:Meter Name: Kopiere und füge diesen Wert exakt ein →
Image Generation MeterBeschreibung: Kopiere diesen Text → Tracks each AI image generation request made by customers using our DALL-E powered serviceEvent Name: Das ist entscheidend – kopiere genau → image.generatedConfigure how we count images
Lege die Aggregation fest (wie der Meter unsere Ereignisse zählt):Aggregationstyp: Wählen Sie Zählen aus dem Dropdown-MenüMessgröße: Gib ein →
imagesWir verwenden „Count“, weil wir pro generiertem Bild abrechnen wollen, nicht nach Größe oder Generierungsdauer. Jedes erfolgreiche Bild = 1 abrechenbare Einheit.
Add quality filtering

- Ereignisfilter aktivieren: Schalte dies AN
- Filterlogik: Wähle OR (das bedeutet „zähle, wenn EINE dieser Bedingungen erfüllt ist“)
- Füge die erste Bedingung hinzu:
- Property Key:
quality - Vergleichsoperator:
equals - Wert:
standard
- Property Key:
- Klicke auf „Condition hinzufügen“ für die zweite Bedingung:
- Property Key:
quality - Vergleichsoperator:
equals - Wert:
hd
- Property Key:
Schritt 2: Erstellen Sie Ihr Abrechnungsprodukt
Jetzt müssen wir ein Produkt erstellen, das unsere Preisgestaltung definiert (0,05 $ pro Bild mit 10 kostenlosen Bildern). Dies verbindet unseren Zähler mit der tatsächlichen Abrechnung.Navigate to Products
- Klicke im Dodo Payments-Dashboard in der linken Seitenleiste auf Products
- Klicke auf Create Product
- Wähle Usage-Based als Produkttyp
Enter product details
Fülle diese genauen Werte für unseren PixelGen AI-Dienst aus:Produktname: Kopiere dies →
PixelGen AI - Image GenerationBeschreibung: Kopiere dies → AI-powered image generation service with pay-per-use billingProduktbild: Laden Sie ein klares, relevantes Bild hoch.Diese Angaben erscheinen auf Kundenrechnungen, also halte sie klar und professionell.
Connect your meter

0, damit Kunden ausschließlich auf Grundlage ihrer Nutzung berechnet werden, ohne Grundgebühr.Jetzt verlinken Sie den Zähler, den Sie gerade erstellt haben:- Scrollen Sie nach unten zum Abschnitt Zugeordneter Zähler
- Klicken Sie auf Zähler hinzufügen
- Wählen Sie im Dropdown “Bildgenerierungszähler” (den, den Sie zuvor erstellt haben)
- Bestätigen Sie, dass er in Ihrer Produktkonfiguration angezeigt wird
Dein Meter ist jetzt erfolgreich mit diesem Produkt verbunden.
Set your pricing
Hier legen wir unser Geschäftsmodell fest:
Preis pro Einheit: Gib ein →

0.05 (das sind $0,05 pro Bild)Kostenlose Schwelle: Gib ein → 10 (Kunden erhalten 10 kostenlose Bilder pro Monat)Save your product
- Überprüfe alle Einstellungen:
- Name: PixelGen AI - Image Generation
- Meter: Image Generation Meter
- Preis: $0,05 pro Bild
- Gratis-Stufe: 10 Bilder
- Klicke auf Save Changes
Produkt erstellt! Deine Abrechnung ist nun konfiguriert. Kunden werden automatisch basierend auf ihrer Bildgenerierung-Nutzung belastet.
Schritt 3: Machen Sie einen Testkauf
Bevor wir mit der Erfassung von Nutzungsevents beginnen, müssen wir einen Testkauf tätigen.Get your payment link
- Gehe in deinem Dodo Payments-Dashboard zu Products
- Suche dein Produkt „PixelGen AI - Image Generation“
- Klicke auf die Schaltfläche Share neben deinem Produkt
- Kopiere den angezeigten Zahlungslink
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=1Complete a test purchase
- Öffne den Zahlungslink in einem neuen Browser-Tab
- Gib Testzahlungsdaten ein und schließe den Kauf ab.
Nach erfolgreicher Zahlung erhältst du eine Kunden-ID, die wir in unserem Anwendungscode verwenden werden.
Find your customer ID
- Kehre zu deinem Dodo Payments-Dashboard zurück
- Navigiere in der linken Seitenleiste zu Customers
- Finde den Kunden, den du gerade erstellt hast (mit der Test-E-Mail)
- Kopiere die Kunden-ID – sie sieht aus wie
cus_abc123def456
Speichere diese Kunden-ID – wir werden sie in unserem Beispielanwendungscode fest codieren, um sicherzustellen, dass Ereignisse korrekt nachverfolgt werden.
Schritt 4: Erstellen Sie die Beispielanwendung
Jetzt haben wir unsere Abrechnung eingerichtet und einen Testkunden erstellt. Lassen Sie uns die Beispielanwendung PixelGen AI erstellen, die Bilder generiert und automatisch die Nutzung zur Abrechnung verfolgt.
Hier ist die vollständige PixelGen AI-Anwendung mit integrierter Abrechnung:
Schritt 5: Testen Sie Ihre Beispielanwendung
Es ist Zeit, unseren Beispielservice PixelGen AI zu testen und die Abrechnung in Aktion zu sehen! Lassen Sie uns sicherstellen, dass alles von Anfang bis Ende funktioniert.Set up your environment
Stelle zunächst sicher, dass du alles konfiguriert hast:
- Erstelle eine
.env-Datei in deinempixelgen-ai-Verzeichnis - Füge deine tatsächlichen API-Schlüssel hinzu:
- Installieren Sie Abhängigkeiten und führen Sie die App aus:
Generate your first test image
Wenn die App startet, siehst du:Versuchen Sie diesen Prompt: “Ein süßer Roboter malt eine Landschaft”Sie sollten eine Ausgabe wie diese sehen:
Wenn du „Usage event sent successfully“ siehst, funktioniert deine Billing-Integration!
Generate a few more images
Generiere 2–3 weitere Bilder, um mehrere Ereignisse zu testen. Versuche diese Prompts:
- “Ein Sonnenuntergang über Bergen mit lila Wolken”
- “Eine Steampunk-Kaffeemaschine in einer viktorianischen Küche”
- “Ein freundlicher Drache, der in einer Bibliothek ein Buch liest”
Check your Dodo Payments dashboard
Jetzt überprüfen wir, ob die Ereignisse empfangen werden:
- Öffnen Sie Ihr Dodo Payments-Dashboard
- Gehen Sie zu Nutzungsabrechnung → *Zähler → Bildgenerierungszähler
- Klicken Sie auf die Registerkarte Ereignisse
- Sie sollten Ihre Bildgenerierungsereignisse aufgelistet sehen
- Ereignisnamen:
image.generated - Kunden-ID: Deine Testkunden-ID
Du solltest für jedes generierte Bild ein Ereignis sehen!
Verify billing calculations
Überprüfen wir, ob die Nutzungserfassung funktioniert:

- Gehen Sie in Ihrem Zähler zur Registerkarte Kunden
- Finden Sie Ihren Testkunden
- Überprüfen Sie die Spalte “Verbrauchte Einheiten”
Test the billing threshold
Lass uns die kostenlose Stufe überschreiten, um die Abrechnung in Aktion zu sehen:
- Generieren Sie 8 weitere Bilder (um insgesamt 12 zu erreichen)
- Überprüfen Sie Ihr Zähler-Dashboard erneut
- Sie sollten jetzt sehen:
- Verbrauchte Einheiten: 12
- Abrechnungsfähige Einheiten: 2 (12 - 10 kostenlos)
- Abrechnungsbetrag: 0,10 $
Erfolg! Deine nutzungsbasierte Abrechnung funktioniert einwandfrei. Kunden werden automatisch basierend auf ihrem tatsächlichen Bildgenerierungsverbrauch belastet.
Fehlersuche
Häufige Probleme und deren Lösungen:Events not appearing in dashboard
Events not appearing in dashboard
Mögliche Ursachen:
- Ereignisname stimmt nicht exakt mit der Meter-Konfiguration überein
- Kunden-ID existiert nicht in deinem Konto
- API-Schlüssel ist ungültig oder abgelaufen
- Netzwerkverbindungsprobleme
- Überprüfe, ob der Ereignisname exakt mit der Meter-Konfiguration übereinstimmt (case-sensitive)
- Stelle sicher, dass die Kunden-ID in Dodo Payments existiert
- Teste den API-Schlüssel mit einem einfachen API-Aufruf
- Prüfe die Netzwerkverbindung und Firewall-Einstellungen
Herzlichen Glückwunsch! Sie haben PixelGen AI erstellt
Sie haben erfolgreich einen Snippet für die KI-Bildgenerierung mit nutzungsbasierter Abrechnung erstellt! Hier ist, was Sie erreicht haben:Usage Meter
Erstellt wurde ein „Image Generation Meter“, das jedes Bildgenerierungsereignis verfolgt
Billing Product
Die Preisgestaltung wurde auf $0,05 pro Bild mit 10 kostenlosen Bildern pro Monat festgelegt
AI Application
Eine funktionierende TypeScript-App wurde erstellt, die Bilder mit OpenAIs DALL-E generiert
Automated Billing
Eine Echtzeit-Ereignisverfolgung wurde integriert, die Kunden automatisch abrechnet