Denna handledning tillhandahåller exempel på implementationskod för en terminalbaserad applikation. Du kan modifiera denna kod för ditt specifika ramverk (React, Vue, Angular, etc.) och anpassa metoden för användarinmatning enligt dina applikationsbehov.
- 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 OpenAI:s API
- Grundläggande kännedom om 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.
1
Öppna avsnittet Mätare
- Logga in på din Dodo Payments-instrumentpanel
- Klicka på Mätare i vänster sidofält
- Klicka på knappen Skapa mätare
2
Fyll i grundläggande mätarinformation
Nu kommer vi att ange de specifika detaljerna för vår PixelGen AI-tjänst:Mätarnamn: Kopiera och klistra in detta exakt →
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.generated3
Konfigurera hur vi räknar bilder
Ställ in aggregeringen (hur mätaren räknar våra händelser):Aggregeringstyp: Välj Räkna från rullgardinsmenynMätningsenhet: Skriv →
imagesVi använder “Räkna” eftersom vi vill fakturera per genererad bild, inte efter storlek eller genereringstid. Varje lyckad bild = 1 fakturerbar enhet.
4
Lägg till kvalitetsfilter

- Aktivera händelsefilter: Slå på detta PÅ
- Filterlogik: Välj ELLER (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å “Lägg till villkor” för den andra:
- Egenskapsnyckel:
quality - Jämförare:
equals - Värde:
hd
- Egenskapsnyckel:
5
Skapa din mätare
- Dubbelkolla att alla dina inställningar matchar värdena ovan
- Klicka på Skapa mätare
Mätare skapad! Din “Bildgenereringsmätare” är nu redo att börja räkna bildgenereringar. Nästa steg är att koppla den till en faktureringsprodukt.
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.1
Navigera till Produkter
- I din Dodo Payments-instrumentpanel, klicka på Produkter i vänster sidofält
- Klicka på Skapa produkt
- Välj Användningsbaserad som produkttyp
2
Ange produktinformation
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.
3
Koppla din mätare

0 för att säkerställa att kunder endast debiteras baserat på deras 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.
4
Ställ in din prissättning
Här definierar vi vår affärsmodell:
Pris per enhet: Ange →

0.05 (detta är 0,05 USD per bild)Gratis tröskel: Ange → 10 (kunder får 10 gratis bilder per månad)5
Spara din produkt
- Granska alla dina inställningar:
- Namn: PixelGen AI - Bildgenerering
- Mätare: Bildgenereringsmätare
- Pris: 0,05 USD per bild
- Gratisnivå: 10 bilder
- Klicka på Spara ändringar
Produkt skapad! Din fakturering är nu konfigurerad. Kunder kommer automatiskt att debiteras baserat på deras användning av bildgenerering.
Steg 3: Gör ett testköp
Innan vi börjar ta emot användningshändelser, behöver vi göra ett testköp.1
Få din betalningslänk
- I din Dodo Payments-instrumentpanel, gå till Produkter
- Hitta din “PixelGen AI - Bildgenerering”-produkt
- Klicka på knappen Dela bredvid din produkt
- Kopiera betalningslänken som visas
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=12
Slutför ett testköp
- Öppna betalningslänken i en ny webbläsartab
- Ange testbetalningsuppgifter och slutför köpet.
Efter lyckad betalning kommer du att ha ett kund-ID som vi kommer att använda i vår applikationskod.
3
Hitta ditt kund-ID
- Gå tillbaka till din Dodo Payments-instrumentpanel
- Navigera till Kunder i vänster sidofält
- Hitta kunden du just skapade (med test-e-post)
- Kopiera kund-ID:t - det kommer att se ut som
cus_abc123def456
Spara detta kund-ID - vi kommer att hårdkoda det i vår exempelapplikationskod 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.1
Ställ in ditt projekt
Skapa en ny katalog och initiera projektet:
2
Installera beroenden
Installera de paket vi behöver:
3
Skapa huvudapplikationen
Skapa en fil som heter
index.ts och kopiera denna kompletta applikationskod: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.1
Ställ in din miljö
Först, se till att du har allt konfigurerat:
- Skapa en
.envfil i dinpixelgen-aikatalog - Lägg till dina faktiska API-nycklar:
- Installera beroenden och kör appen:
2
Generera din första testbild
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 “Användningshändelse skickad framgångsrikt”, fungerar din faktureringsintegration!
3
Generera några fler bilder
Låt oss generera 2-3 fler bilder för att testa flera händelser. Prova dessa prompts:
- “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”
4
Kontrollera din Dodo Payments-instrumentpanel
Nu låt oss verifiera 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 bör se en händelse för varje bild du genererade!
5
Verifiera faktureringsberäkningar
Låt oss kontrollera om användningsräkningen fungerar:

- I din mätare, gå till fliken Kunder
- Hitta din testkund
- Kontrollera kolumnen “Förbrukade enheter”
6
Testa fakturatröskeln
Låt oss överskrida gratisnivån för att se faktureringen i aktion:
- 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
Framgång! Din användningsbaserade fakturering fungerar perfekt. Kunder kommer automatiskt att debiteras baserat på deras faktiska användning av bildgenerering.
Felsökning
Vanliga problem och deras lösningar:Händelser visas inte i instrumentpanelen
Händelser visas inte i instrumentpanelen
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ätverksanslutningsproblem
- Verifiera 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:Användningsmätare
Skapade “Bildgenereringsmätare” som spårar varje bildgenereringshändelse
Faktureringsprodukt
Konfigurerade prissättning på 0,05 USD per bild med 10 gratis bilder per månad
AI-applikation
Byggde en fungerande TypeScript-app som genererar bilder med OpenAI:s DALL-E
Automatiserad fakturering
Integrerade realtids händelsespårning som automatiskt fakturerar kunder