Dalam tutorial ini, Anda akan membangun PixelGen AI - sebuah layanan generasi gambar AI contoh yang menunjukkan penagihan berdasarkan penggunaan. Kita akan membuat semuanya dari awal: meteran penagihan, konfigurasi produk, dan kode aplikasi contoh yang menghasilkan gambar dan melacak penggunaan secara real-time.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.
- Menghasilkan gambar menggunakan API DALL-E dari OpenAI
- Melacak setiap generasi gambar untuk penagihan
- Menagih pelanggan secara otomatis berdasarkan penggunaan
- Menangani berbagai tingkat kualitas (standar vs HD)
Apa yang Kita Bangun
Mari kita mulai dengan memahami layanan PixelGen AI kita:- Layanan: Generasi gambar AI menggunakan API DALL-E dari OpenAI
- Model Harga: Bayar per gambar ($0,05 per gambar)
- Tingkat Gratis: 10 gambar gratis per pelanggan per bulan
- Opsi Kualitas: Gambar standar dan HD (harga yang sama untuk kesederhanaan)
- Akun Dodo Payments
- Akses ke API OpenAI
- Pemahaman dasar tentang TypeScript/Node.js
Langkah 1: Buat Meter Penggunaan Anda
Kita akan mulai dengan membuat meter di dasbor Dodo Payments Anda yang akan melacak setiap gambar yang dihasilkan layanan kita. Anggap ini sebagai “penghitung” yang melacak peristiwa yang dapat ditagih.
Open the Meters section
- Masuk ke dasbor Dodo Payments Anda
- Klik Meters di bilah sisi kiri
- Klik tombol Create Meter
Fill in the basic meter information
Image Generation MeterDeskripsi: Salin ini → Tracks each AI image generation request made by customers using our DALL-E powered serviceNama Event: Ini sangat penting - salin persis → image.generatedConfigure how we count images
imagesAdd quality filtering

- Aktifkan Event Filtering: Geser ini ON
- Logika Filter: Pilih OR (ini berarti “hitung jika SALAH SATU dari kondisi ini benar”)
- Tambahkan kondisi pertama:
- Property Key:
quality - Comparator:
equals - Value:
standard
- Property Key:
- Klik “Add Condition” untuk yang kedua:
- Property Key:
quality - Comparator:
equals - Value:
hd
- Property Key:
Langkah 2: Buat Produk Penagihan Anda
Sekarang kita perlu membuat produk yang mendefinisikan harga kita ($0,05 per gambar dengan 10 gambar gratis). Ini menghubungkan meter kita ke penagihan yang sebenarnya.Navigate to Products
- Di dasbor Dodo Payments Anda, klik Products di bilah sisi kiri
- Klik Create Product
- Pilih Usage-Based sebagai tipe produk
Enter product details
PixelGen AI - Image GenerationDeskripsi: Salin ini → AI-powered image generation service with pay-per-use billingGambar Produk: Unggah gambar yang jelas dan relevan.Connect your meter

0 untuk memastikan pelanggan hanya dikenakan biaya berdasarkan penggunaan mereka, tanpa biaya dasar.Sekarang, tautkan meter yang baru saja Anda buat:- Gulir ke bawah ke bagian Meter Terkait
- Klik Tambahkan Meter
- Dari dropdown, pilih “Meter Generasi Gambar” (yang Anda buat sebelumnya)
- Konfirmasi bahwa itu muncul dalam konfigurasi produk Anda
Set your pricing

0.05 (ini $0.05 per gambar)Ambang Gratis: Masukkan → 10 (pelanggan mendapatkan 10 gambar gratis per bulan)Save your product
- Tinjau semua pengaturan Anda:
- Nama: PixelGen AI - Image Generation
- Meter: Image Generation Meter
- Harga: $0.05 per gambar
- Tier gratis: 10 gambar
- Klik Save Changes
Langkah 3: Lakukan Pembelian Uji Coba
Sebelum kita mulai mengumpulkan peristiwa penggunaan, kita perlu melakukan pembelian uji coba.Get your payment link
- Di dasbor Dodo Payments Anda, buka Products
- Temukan produk “PixelGen AI - Image Generation” Anda
- Klik tombol Share di samping produk Anda
- Salin tautan pembayaran yang muncul
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=1Complete a test purchase
- Buka tautan pembayaran di tab browser baru
- Masukkan detail pembayaran uji dan selesaikan pembelian.
Find your customer ID
- Kembali ke dashboard Dodo Payments Anda
- Navigasikan ke Sales → Customers di sidebar
- Temukan pelanggan yang baru saja Anda buat (dengan email percobaan)
- Salin ID pelanggan - akan terlihat seperti
cus_abc123def456
Langkah 4: Bangun Aplikasi Contoh
Sekarang kita telah menyelesaikan pengaturan penagihan dan membuat pelanggan uji coba. Mari kita bangun aplikasi PixelGen AI contoh yang menghasilkan gambar dan secara otomatis melacak penggunaan untuk penagihan.Langkah 5: Uji Aplikasi Contoh Anda
Saatnya menguji layanan PixelGen AI contoh kita dan melihat penagihan dalam aksi! Mari kita pastikan semuanya berfungsi dari awal hingga akhir.Set up your environment
- Buat file
.envdi direktoripixelgen-ai - Tambahkan API key Anda yang sebenarnya:
- Instal dependensi dan jalankan aplikasi:
Generate your first test image
Generate a few more images
- “Sebuah matahari terbenam di atas pegunungan dengan awan ungu”
- “Sebuah mesin kopi steampunk di dapur Victoria”
- “Seekor naga ramah membaca buku di perpustakaan”
Check your Dodo Payments dashboard
- Buka dasbor Dodo Payments Anda
- Pergi ke Penagihan Penggunaan → *Meter → Meter Generasi Gambar
- Klik pada tab Peristiwa
- Anda seharusnya melihat peristiwa generasi gambar Anda terdaftar
- Event names:
image.generated - ID Pelanggan: ID pelanggan uji Anda
Verify billing calculations

- Di meter Anda, pergi ke tab Pelanggan
- Temukan pelanggan uji coba Anda
- Periksa kolom “Unit yang Dikonsumsi”
Test the billing threshold
- Hasilkan 8 gambar lagi (untuk mencapai total 12)
- Periksa dasbor meter Anda lagi
- Anda sekarang seharusnya melihat:
- Unit yang dikonsumsi: 12
- Unit yang dapat ditagih: 2 (12 - 10 gratis)
- Jumlah penagihan: $0,10
Pemecahan Masalah
Masalah umum dan solusinya:Events not appearing in dashboard
Events not appearing in dashboard
- Nama event tidak cocok persis dengan konfigurasi meter
- ID pelanggan tidak ada di akun Anda
- API key tidak valid atau sudah kedaluwarsa
- Masalah konektivitas jaringan
- Verifikasi nama event cocok persis dengan konfigurasi meter (peka huruf besar/kecil)
- Periksa bahwa ID pelanggan ada di Dodo Payments
- Uji API key dengan panggilan API sederhana
- Periksa konektivitas jaringan dan pengaturan firewall