In diesem Tutorial erstellen Sie PixelGen AI - einen Beispiel-KI-Bildgenerierungsdienst, der die nutzungsbasierte Abrechnung demonstriert. Wir werden alles von Grund auf neu erstellen: den Abrechnungszähler, die Produktkonfiguration und den Beispielanwendungscode, der Bilder generiert und die Nutzung in Echtzeit verfolgt.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.
- 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)
- 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
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
imagesAdd 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
PixelGen AI - Image GenerationBeschreibung: Kopiere dies → AI-powered image generation service with pay-per-use billingProduktbild: Laden Sie ein klares, relevantes Bild hoch.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
Set your pricing

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
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.
Find your customer ID
- Gehe zurück zu deinem Dodo Payments-Dashboard
- Navigiere zu Verkauf → Kunden in der Seitenleiste
- Finde den Kunden, den du gerade erstellt hast (mit der Test-E-Mail)
- Kopiere die Kunden-ID - sie wird aussehen wie
cus_abc123def456
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.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
- 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
Generate a few more images
- “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
- Ö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
Verify billing calculations

- Gehen Sie in Ihrem Zähler zur Registerkarte Kunden
- Finden Sie Ihren Testkunden
- Überprüfen Sie die Spalte “Verbrauchte Einheiten”
Test the billing threshold
- 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 $
Fehlersuche
Häufige Probleme und deren Lösungen:Events not appearing in dashboard
Events not appearing in dashboard
- 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