- 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 haben
- Zugriff auf die API von OpenAI haben
- Grundkenntnisse in TypeScript/Node.js haben
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.
Öffnen Sie den Abschnitt Zähler
- Melden Sie sich in Ihrem Dodo Payments-Dashboard an
- Klicken Sie auf Zähler in der linken Seitenleiste
- Klicken Sie auf die Schaltfläche Zähler erstellen
Füllen Sie die grundlegenden Zählerinformationen aus
Image Generation MeterBeschreibung: Kopieren Sie dies → Tracks each AI image generation request made by customers using our DALL-E powered serviceEreignisname: Dies ist entscheidend - kopieren Sie genau → image.generatedKonfigurieren Sie, wie wir Bilder zählen
imagesFügen Sie eine Qualitätsfilterung hinzu

- Ereignisfilterung aktivieren: Schalten Sie dies EIN
- Filterlogik: Wählen Sie ODER (das bedeutet “zählen, wenn EINE dieser Bedingungen wahr ist”)
- Fügen Sie die erste Bedingung hinzu:
- Eigenschaftsschlüssel:
quality - Vergleichsoperator:
equals - Wert:
standard
- Eigenschaftsschlüssel:
- Klicken Sie auf “Bedingung hinzufügen” für die zweite:
- Eigenschaftsschlüssel:
quality - Vergleichsoperator:
equals - Wert:
hd
- Eigenschaftsschlüssel:
Erstellen Sie Ihren Zähler
- Überprüfen Sie, ob alle Ihre Einstellungen mit den oben genannten Werten übereinstimmen
- Klicken Sie auf Zähler erstellen
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.Navigieren Sie zu Produkten
- Klicken Sie in Ihrem Dodo Payments-Dashboard auf Produkte in der linken Seitenleiste
- Klicken Sie auf Produkt erstellen
- Wählen Sie Nutzungsbasiert als Produkttyp aus
Geben Sie die Produktdetails ein
PixelGen AI - Image GenerationBeschreibung: Kopieren Sie dies → AI-powered image generation service with pay-per-use billingProduktbild: Laden Sie ein klares, relevantes Bild hoch.Verbinden Sie Ihren Zähler

0, um sicherzustellen, dass Kunden nur basierend auf ihrer Nutzung belastet 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
Legen Sie Ihre Preisgestaltung fest

0.05 (das sind 0,05 $ pro Bild)Kostenlose Schwelle: Geben Sie ein → 10 (Kunden erhalten 10 kostenlose Bilder pro Monat)Speichern Sie Ihr Produkt
- Überprüfen Sie alle Ihre Einstellungen:
- Name: PixelGen AI - Bildgenerierung
- Zähler: Bildgenerierungszähler
- Preis: 0,05 $ pro Bild
- Kostenloses Kontingent: 10 Bilder
- Klicken Sie auf Änderungen speichern
Schritt 3: Machen Sie einen Testkauf
Bevor wir mit der Erfassung von Nutzungsevents beginnen, müssen wir einen Testkauf tätigen.Holen Sie sich Ihren Zahlungslink
- Gehen Sie in Ihrem Dodo Payments-Dashboard zu Produkte
- Suchen Sie Ihr Produkt “PixelGen AI - Bildgenerierung”
- Klicken Sie auf die Schaltfläche Teilen neben Ihrem Produkt
- Kopieren Sie den Zahlungslink, der erscheint
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=1Schließen Sie einen Testkauf ab
- Öffnen Sie den Zahlungslink in einem neuen Browser-Tab
- Geben Sie Test-Zahlungsdetails ein und schließen Sie den Kauf ab.
Finden Sie Ihre Kunden-ID
- Gehen Sie zurück zu Ihrem Dodo Payments-Dashboard
- Navigieren Sie zu Kunden in der linken Seitenleiste
- Suchen Sie den Kunden, den Sie gerade erstellt haben (mit der Test-E-Mail)
- Kopieren Sie die Kunden-ID - sie sieht aus 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.Richten Sie Ihr Projekt ein
Installieren Sie Abhängigkeiten
Erstellen Sie die Hauptanwendung
index.ts und kopieren Sie diesen vollständigen Anwendungscode: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.Richten Sie Ihre Umgebung ein
- Erstellen Sie eine
.envDatei in Ihrempixelgen-aiVerzeichnis - Fügen Sie Ihre tatsächlichen API-Schlüssel hinzu:
- Installieren Sie Abhängigkeiten und führen Sie die App aus:
Generieren Sie Ihr erstes Testbild
Generieren Sie ein paar weitere Bilder
- “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”
Überprüfen Sie Ihr 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: Ihre Testkunden-ID
Überprüfen Sie die Abrechnungsberechnungen

- Gehen Sie in Ihrem Zähler zur Registerkarte Kunden
- Finden Sie Ihren Testkunden
- Überprüfen Sie die Spalte “Verbrauchte Einheiten”
Testen Sie die Abrechnungsschwelle
- 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:Ereignisse erscheinen nicht im Dashboard
Ereignisse erscheinen nicht im Dashboard
- Der Ereignisname stimmt nicht genau mit der Zählerkonfiguration überein
- Die Kunden-ID existiert nicht in Ihrem Konto
- API-Schlüssel ist ungültig oder abgelaufen
- Netzwerkverbindungsprobleme
- Überprüfen Sie, ob der Ereignisname genau mit der Zählerkonfiguration übereinstimmt (groß-/kleinschreibungssensitiv)
- Überprüfen Sie, ob die Kunden-ID in Dodo Payments existiert
- Testen Sie den API-Schlüssel mit einem einfachen API-Aufruf
- Überprüfen Sie die Netzwerkverbindung und die Firewall-Einstellungen