Questo tutorial fornisce codice di implementazione di esempio per un’applicazione basata su terminale. Puoi modificare questo codice per il tuo framework specifico (React, Vue, Angular, ecc.) e personalizzare il metodo di input dell’utente in base alle esigenze della tua applicazione.
- Genera immagini utilizzando l’API DALL-E di OpenAI
- Tiene traccia di ogni generazione di immagini per la fatturazione
- Addebita automaticamente i clienti in base all’uso
- Gestisce diversi livelli di qualità (standard vs HD)
Cosa Stiamo Costruendo
Iniziamo comprendendo il nostro servizio PixelGen AI:- Servizio: Generazione di immagini AI utilizzando l’API DALL-E di OpenAI
- Modello di Prezzo: Pay-per-image ($0.05 per immagine)
- Livello Gratuito: 10 immagini gratuite per cliente al mese
- Opzioni di Qualità: Immagini standard e HD (stesso prezzo per semplicità)
Prima di iniziare, assicurati di avere:
- Un account Dodo Payments
- Accesso all’API di OpenAI
- Familiarità di base con TypeScript/Node.js
Passo 1: Crea il Tuo Contatore di Utilizzo
Inizieremo creando un contatore nel tuo dashboard di Dodo Payments che terrà traccia di ogni immagine generata dal nostro servizio. Pensa a questo come al “contatore” che tiene traccia degli eventi fatturabili.
Apri la sezione Contatori
- Accedi al tuo dashboard di Dodo Payments
- Clicca su Contatori nella barra laterale sinistra
- Clicca sul pulsante Crea Contatore
Compila le informazioni di base del contatore
Ora inseriremo i dettagli specifici per il nostro servizio PixelGen AI:Nome del Meter: Copia e incolla esattamente questo →
Image Generation MeterDescrizione: Copia questo → Tracks each AI image generation request made by customers using our DALL-E powered serviceNome dell’Evento: Questo è cruciale - copia esattamente → image.generatedConfigura come contiamo le immagini
Imposta l’aggregazione (come il contatore conta i nostri eventi):Tipo di Aggregazione: Seleziona Conteggio dal menu a discesaUnità di Misura: Digita →
imagesStiamo usando “Conteggio” perché vogliamo fatturare per ogni immagine generata, non per dimensione o tempo di generazione. Ogni immagine riuscita = 1 unità fatturabile.
Aggiungi filtraggio di qualità

- Abilita il Filtro degli Eventi: Attiva questo ON
- Logica di Filtro: Seleziona OR (questo significa “conta se QUALSIASI di queste condizioni è vera”)
- Aggiungi la prima condizione:
- Chiave Proprietà:
quality - Comparatore:
equals - Valore:
standard
- Chiave Proprietà:
- Clicca su “Aggiungi Condizione” per la seconda:
- Chiave Proprietà:
quality - Comparatore:
equals - Valore:
hd
- Chiave Proprietà:
Crea il tuo contatore
- Controlla che tutte le tue impostazioni corrispondano ai valori sopra
- Clicca su Crea Contatore
Contatore creato! Il tuo “Contatore di Generazione Immagini” è ora pronto per iniziare a contare le generazioni di immagini. Successivamente, lo collegheremo a un prodotto di fatturazione.
Passo 2: Crea il Tuo Prodotto di Fatturazione
Ora dobbiamo creare un prodotto che definisca il nostro prezzo ($0.05 per immagine con 10 immagini gratuite). Questo collega il nostro contatore alla fatturazione reale.Naviga ai Prodotti
- Nel tuo dashboard di Dodo Payments, clicca su Prodotti nella barra laterale sinistra
- Clicca su Crea Prodotto
- Seleziona Basato sull’Uso come tipo di prodotto
Inserisci i dettagli del prodotto
Compila questi valori esatti per il nostro servizio PixelGen AI:Nome del Prodotto: Copia questo →
PixelGen AI - Image GenerationDescrizione: Copia questo → AI-powered image generation service with pay-per-use billingImmagine del Prodotto: Carica un’immagine chiara e pertinente.Queste appariranno sulle fatture dei clienti, quindi rendile chiare e professionali.
Collega il tuo contatore

0 per garantire che i clienti vengano addebitati solo in base al loro utilizzo, senza alcuna tariffa base.Ora, collega il contatore che hai appena creato:- Scorri verso il basso nella sezione Contatore Associato
- Clicca su Aggiungi Contatori
- Dal menu a discesa, seleziona “Contatore di Generazione Immagini” (quello che hai creato in precedenza)
- Conferma che appaia nella configurazione del tuo prodotto
Il tuo contatore è ora collegato con successo a questo prodotto.
Imposta il tuo prezzo
Ecco dove definiamo il nostro modello di business:
Prezzo per Unità: Inserisci →

0.05 (questo è $0.05 per immagine)Soglia Gratuita: Inserisci → 10 (i clienti ricevono 10 immagini gratuite al mese)Salva il tuo prodotto
- Rivedi tutte le tue impostazioni:
- Nome: PixelGen AI - Generazione Immagini
- Contatore: Contatore di Generazione Immagini
- Prezzo: $0.05 per immagine
- Livello gratuito: 10 immagini
- Clicca su Salva Modifiche
Prodotto creato! La tua fatturazione è ora configurata. I clienti saranno automaticamente addebitati in base al loro utilizzo della generazione di immagini.
Passo 3: Effettua un Acquisto di Test
Prima di iniziare a ricevere eventi di utilizzo, dobbiamo effettuare un acquisto di test.Ottieni il tuo link di pagamento
- Nel tuo dashboard di Dodo Payments, vai su Prodotti
- Trova il tuo prodotto “PixelGen AI - Generazione Immagini”
- Clicca sul pulsante Condividi accanto al tuo prodotto
- Copia il link di pagamento che appare
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=1Completa un acquisto di test
- Apri il link di pagamento in una nuova scheda del browser
- Inserisci i dettagli di pagamento di test e completa l’acquisto.
Dopo il pagamento riuscito, avrai un ID cliente che utilizzeremo nel nostro codice dell’applicazione.
Trova il tuo ID cliente
- Torna al tuo cruscotto Dodo Payments
- Naviga su Clienti nella barra laterale sinistra
- Trova il cliente che hai appena creato (con l’email di test)
- Copia l’ID cliente - avrà un aspetto simile a
cus_abc123def456
Salva questo ID cliente - lo coderemo a mano nel nostro codice dell’applicazione di esempio per garantire che gli eventi siano tracciati correttamente.
Passo 4: Costruisci l’Applicazione di Esempio
Ora abbiamo completato la configurazione della fatturazione e creato un cliente di test. Costruiamo l’applicazione di esempio PixelGen AI che genera immagini e tiene automaticamente traccia dell’uso per la fatturazione.
Ecco l’applicazione completa di PixelGen AI con fatturazione integrata:
Passo 5: Testa la Tua Applicazione di Esempio
È tempo di testare il nostro servizio di esempio PixelGen AI e vedere la fatturazione in azione! Assicuriamoci che tutto funzioni end-to-end.Imposta il tuo ambiente
Prima di tutto, assicurati di avere tutto configurato:
- Crea un file
.envnella tua directorypixelgen-ai - Aggiungi le tue chiavi API reali:
- Installa le dipendenze e avvia l’app:
Genera la tua prima immagine di test
Quando l’app si avvia, vedrai:Prova questo prompt: “Un robot carino che dipinge un paesaggio”Dovresti vedere un output simile a questo:
Se vedi “Evento di utilizzo inviato con successo”, la tua integrazione di fatturazione funziona!
Genera alcune altre immagini
Generiamo 2-3 immagini in più per testare eventi multipli. Prova questi prompt:
- “Un tramonto sopra le montagne con nuvole viola”
- “Una macchina da caffè steampunk in una cucina vittoriana”
- “Un drago amichevole che legge un libro in una biblioteca”
Controlla il tuo dashboard di Dodo Payments
Ora verifichiamo che gli eventi vengano ricevuti:
- Apri il tuo dashboard di Dodo Payments
- Vai su Fatturazione per Utilizzo → *Contatori → Contatore di Generazione Immagini
- Clicca sulla scheda Eventi
- Dovresti vedere elencati i tuoi eventi di generazione di immagini
- Nomi degli eventi:
image.generated - ID cliente: Il tuo ID cliente di test
Dovresti vedere un evento per ogni immagine che hai generato!
Verifica i calcoli di fatturazione
Controlliamo se il conteggio dell’uso funziona:

- Nel tuo contatore, vai alla scheda Clienti
- Trova il tuo cliente di test
- Controlla la colonna “Unità Consumed”
Testa la soglia di fatturazione
Superiamo il livello gratuito per vedere la fatturazione in azione:
- Genera 8 immagini in più (per raggiungere un totale di 12)
- Controlla di nuovo il tuo dashboard del contatore
- Dovresti ora vedere:
- Unità consumate: 12
- Unità fatturabili: 2 (12 - 10 gratuite)
- Importo della fatturazione: $0.10
Successo! La tua fatturazione basata sull’uso funziona perfettamente. I clienti saranno automaticamente addebitati in base al loro utilizzo reale della generazione di immagini.
Risoluzione dei Problemi
Problemi comuni e le loro soluzioni:Eventi non appaiono nel dashboard
Eventi non appaiono nel dashboard
Possibili cause:
- Il nome dell’evento non corrisponde esattamente alla configurazione del contatore
- L’ID cliente non esiste nel tuo account
- La chiave API è non valida o scaduta
- Problemi di connettività di rete
- Verifica che il nome dell’evento corrisponda esattamente alla configurazione del contatore (case-sensitive)
- Controlla che l’ID cliente esista in Dodo Payments
- Testa la chiave API con una semplice chiamata API
- Controlla la connettività di rete e le impostazioni del firewall
Congratulazioni! Hai Costruito PixelGen AI
Hai creato con successo un frammento per la generazione di immagini AI con fatturazione basata sull’uso! Ecco cosa hai realizzato:Contatore di Utilizzo
Creato “Contatore di Generazione Immagini” che tiene traccia di ogni evento di generazione di immagini
Prodotto di Fatturazione
Configurato il prezzo a $0.05 per immagine con 10 immagini gratuite al mese
Applicazione AI
Costruita un’app TypeScript funzionante che genera immagini utilizzando DALL-E di OpenAI
Fatturazione Automatica
Integrata la tracciabilità degli eventi in tempo reale che fattura automaticamente i clienti