Denna handledning innehåller exempel på implementationskod för en terminalbaserad applikation. Du kan anpassa denna kod för ditt specifika ramverk (React, Vue, Angular osv.) och skräddarsy användarens inmatningsmetod utifrån din applikations behov.
- Genererar bilder med OpenAI:s DALL-E API
- Spårar varje bildgenerering för fakturering
- Tar betalt av kunder automatiskt baserat på användning
- Hanterar olika kvalitetsnivåer (standard vs HD)
Vad vi bygger
Låt oss börja med att förstå vår PixelGen AI-tjänst:- Tjänst: AI-bildgenerering med OpenAI:s DALL-E API
- Prismodell: Betalning per bild (0,05 USD per bild)
- Gratisnivå: 10 gratis bilder per kund per månad
- Kvalitetsalternativ: Standard och HD-bilder (samma pris för enkelhet)
Innan vi börjar, se till att du har:
- Ett Dodo Payments-konto
- Tillgång till OpenAIs API
- Grundläggande kunskaper i TypeScript/Node.js
Steg 1: Skapa din användningsmätare
Vi börjar med att skapa en mätare i din Dodo Payments-instrumentpanel som kommer att spåra varje bild som vår tjänst genererar. Tänk på detta som “räknaren” som spårar faktureringsbara händelser.
Open the Meters section
- Logga in på din Dodo Payments-översikt
- Klicka på Meters i vänstra sidomenyn
- Klicka på knappen Create Meter
Fill in the basic meter information
Nu anger vi de specifika detaljerna för vår PixelGen AI-tjänst:Mätarnamn: Kopiera och klistra in exakt detta →
Image Generation MeterBeskrivning: Kopiera detta → Tracks each AI image generation request made by customers using our DALL-E powered serviceHändelsenamn: Detta är avgörande - kopiera exakt → image.generatedConfigure how we count images
Ställ in aggregeringen (hur mätaren räknar våra händelser):Aggregeringstyp: Välj Räkna från rullgardinsmenynMätenhet: Skriv →
imagesVi använder “Count” eftersom vi vill fakturera per genererad bild, inte efter storlek eller genereringstid. Varje lyckad bild = 1 fakturerbar enhet.
Add quality filtering

- Aktivera händelsefiltrering: Slå på detta ON
- Filtrerlogik: Välj OR (detta betyder “räkna om NÅGON av dessa villkor är sanna”)
- Lägg till det första villkoret:
- Egenskapsnyckel:
quality - Jämförare:
equals - Värde:
standard
- Egenskapsnyckel:
- Klicka på “Add Condition” för det andra:
- Egenskapsnyckel:
quality - Jämförare:
equals - Värde:
hd
- Egenskapsnyckel:
Steg 2: Skapa din faktureringsprodukt
Nu behöver vi skapa en produkt som definierar vår prissättning (0,05 USD per bild med 10 gratis bilder). Detta kopplar vår mätare till faktisk fakturering.Navigate to Products
- I din Dodo Payments-översikt, klicka på Products i vänstra sidomenyn
- Klicka på Create Product
- Välj Usage-Based som produkttyp
Enter product details
Fyll i dessa exakta värden för vår PixelGen AI-tjänst:Produktnamn: Kopiera detta →
PixelGen AI - Image GenerationBeskrivning: Kopiera detta → AI-powered image generation service with pay-per-use billingProduktbild: Ladda upp en tydlig, relevant bild.Dessa kommer att visas på kundfakturor, så gör dem tydliga och professionella.
Connect your meter

0 för att säkerställa att kunder bara debiteras baserat på sin användning, utan någon grundavgift.Nu, koppla den mätare du just skapade:- Scrolla ner till avsnittet Associerad mätare
- Klicka på Lägg till mätare
- Från rullgardinsmenyn, välj “Bildgenereringsmätare” (den du skapade tidigare)
- Bekräfta att den visas i din produktkonfiguration
Din mätare är nu framgångsrikt kopplad till denna produkt.
Set your pricing
Här definierar vi vår affärsmodell:
Pris per enhet: Ange →

0.05 (detta är $0.05 per bild)Gratis tröskel: Ange → 10 (kunder får 10 gratisbilder per månad)Save your product
- Granska alla dina inställningar:
- Namn: PixelGen AI - Image Generation
- Mätare: Image Generation Meter
- Pris: $0.05 per bild
- Gratisnivå: 10 bilder
- Klicka på Save Changes
Produkt skapad! Din fakturering är nu konfigurerad. Kunder kommer automatiskt att debiteras baserat på sitt bildgenereringsanvändande.
Steg 3: Gör ett testköp
Innan vi börjar ta emot användningshändelser, behöver vi göra ett testköp.Get your payment link
- Gå till Products i din Dodo Payments-översikt
- Hitta produkten “PixelGen AI - Image Generation”
- Klicka på knappen Share bredvid din produkt
- Kopiera betalningslänken som visas
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=1Complete a test purchase
- Öppna betalningslänken i en ny webbläsarflik
- Ange testbetalningsuppgifter och slutför köpet.
Efter lyckad betalning får du ett kund-ID som vi kommer använda i vår applikationskod.
Find your customer ID
- Gå tillbaka till din Dodo Payments-översikt
- Gå till Customers i vänstra sidomenyn
- Hitta den kund du precis skapade (med testmailen)
- Kopiera kund-ID:t – det kommer se ut som
cus_abc123def456
Spara detta kund-ID – vi kommer att hårdkoda det i vår exempelapplikation för att säkerställa att händelser spåras korrekt.
Steg 4: Bygg exempelapplikationen
Nu har vi vår fakturering konfigurerad och en testkund skapad. Låt oss bygga exempelapplikationen PixelGen AI som genererar bilder och automatiskt spårar användning för fakturering.
Här är den kompletta PixelGen AI-applikationen med integrerad fakturering:
Steg 5: Testa din exempelapplikation
Dags att testa vår exempel PixelGen AI-tjänst och se faktureringen i aktion! Låt oss se till att allt fungerar från början till slut.Set up your environment
Först, kontrollera att du har allt konfigurerat:
- Skapa en fil
.envi din katalogpixelgen-ai - Lägg till dina riktiga API-nycklar:
- Installera beroenden och kör appen:
Generate your first test image
När appen startar kommer du att se:Prova denna prompt: “En söt robot som målar ett landskap”Du bör se utdata som detta:
Om du ser “Usage event sent successfully” fungerar din faktureringsintegrering!
Generate a few more images
Låt oss generera 2–3 bilder till för att testa flera händelser. Prova dessa uppmaningar:
- “En solnedgång över bergen med lila moln”
- “En steampunk-kaffemaskin i ett viktorianskt kök”
- “En vänlig drake som läser en bok i ett bibliotek”
Check your Dodo Payments dashboard
Nu verifierar vi att händelserna tas emot:
- Öppna din Dodo Payments-instrumentpanel
- Gå till Användningsfakturering → *Mätare → Bildgenereringsmätare
- Klicka på fliken Händelser
- Du bör se dina bildgenereringshändelser listade
- Händelsenamn:
image.generated - Kund-ID: Ditt testkund-ID
Du borde se en händelse för varje bild du genererade!
Verify billing calculations
Låt oss kontrollera att användningsräkningen fungerar:

- I din mätare, gå till fliken Kunder
- Hitta din testkund
- Kontrollera kolumnen “Förbrukade enheter”
Test the billing threshold
Låt oss överskrida gratisnivån för att se faktureringen i praktiken:
- Generera 8 fler bilder (för att nå totalt 12)
- Kontrollera din mätardashboard igen
- Du bör nu se:
- Förbrukade enheter: 12
- Fakturerbara enheter: 2 (12 - 10 gratis)
- Faktureringsbelopp: 0,10 USD
Lyckat! Din användningsbaserade fakturering fungerar perfekt. Kunder kommer automatiskt att debiteras baserat på sin faktiska bildgenerering.
Felsökning
Vanliga problem och deras lösningar:Events not appearing in dashboard
Events not appearing in dashboard
Möjliga orsaker:
- Händelsenamnet matchar inte mätarkonfigurationen exakt
- Kund-ID:t finns inte i ditt konto
- API-nyckeln är ogiltig eller har gått ut
- Nätverksanslutningen fungerar inte
- Kontrollera att händelsenamnet matchar mätarkonfigurationen exakt (skiftlägeskänsligt)
- Kontrollera att kund-ID:t finns i Dodo Payments
- Testa API-nyckeln med ett enkelt API-anrop
- Kontrollera nätverksanslutning och brandväggsinställningar
Grattis! Du har byggt PixelGen AI
Du har framgångsrikt skapat en snutt för AI-bildgenerering med användningsbaserad fakturering! Här är vad du har åstadkommit:Usage Meter
Skapade “Image Generation Meter” som spårar varje bildgenereringsevent
Billing Product
Konfigurerade priset till $0.05 per bild med 10 gratisbilder per månad
AI Application
Byggde en fungerande TypeScript-app som genererar bilder med OpenAIs DALL-E
Automated Billing
Integrerade realtids händelsespårning som automatiskt fakturerar kunder