Tutorial ini menyediakan contoh kode implementasi untuk aplikasi berbasis terminal. Anda dapat memodifikasi kode ini untuk framework spesifik Anda (React, Vue, Angular, dll.) dan menyesuaikan metode input pengguna sesuai kebutuhan aplikasi Anda.
- 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)
Sebelum kita mulai, pastikan Anda memiliki:
- 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
Sekarang kita akan memasukkan detail spesifik untuk layanan PixelGen AI kami:Nama Meter: Salin dan tempel persis ini →
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
Atur agregasi (bagaimana meter menghitung event kita):Tipe Agregasi: Pilih Hitung dari dropdownSatuan Pengukuran: Ketik →
imagesKami menggunakan “Count” karena kami ingin menagih per gambar yang dibuat, bukan berdasarkan ukuran atau waktu pembuatan. Setiap gambar berhasil = 1 unit yang dapat ditagih.
Add 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
Isi nilai-nilai ini persis untuk layanan PixelGen AI kami:Product Name: Salin ini →
PixelGen AI - Image GenerationDeskripsi: Salin ini → AI-powered image generation service with pay-per-use billingGambar Produk: Unggah gambar yang jelas dan relevan.Ini akan muncul di faktur pelanggan, jadi buatlah jelas dan profesional.
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
Meter Anda sekarang berhasil terhubung ke produk ini.
Set your pricing
Di sinilah kita mendefinisikan model bisnis kita:
Harga Per Unit: Masukkan →

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
Product created! Penagihan Anda sekarang dikonfigurasi. Pelanggan akan otomatis dikenakan biaya berdasarkan penggunaan pembuatan gambar mereka.
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.
Setelah pembayaran berhasil, Anda akan mendapatkan ID pelanggan yang akan kita gunakan dalam kode aplikasi.
Find your customer ID
- Kembali ke dasbor Dodo Payments Anda
- Arahkan ke Customers di bilah sisi kiri
- Temukan pelanggan yang baru saja Anda buat (dengan email uji)
- Salin ID pelanggan - akan terlihat seperti
cus_abc123def456
Simpan ID pelanggan ini - kami akan meng-hardcode-nya dalam kode contoh aplikasi kami untuk memastikan event tercatat dengan benar.
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.
Berikut adalah aplikasi PixelGen AI lengkap dengan penagihan terintegrasi:
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
Pertama, pastikan semua sudah dikonfigurasi:
- Buat file
.envdi direktoripixelgen-ai - Tambahkan API key Anda yang sebenarnya:
- Instal dependensi dan jalankan aplikasi:
Generate your first test image
Saat aplikasi dimulai, Anda akan melihat:Cobalah prompt ini: “Robot lucu melukis pemandangan”Anda seharusnya melihat output seperti ini:
Jika Anda melihat “Usage event sent successfully”, integrasi penagihan Anda berfungsi!
Generate a few more images
Mari kita hasilkan 2-3 gambar lagi untuk menguji beberapa event. Coba prompt ini:
- “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
Sekarang mari kita verifikasi event sedang diterima:
- 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
Anda harus melihat satu event untuk setiap gambar yang Anda hasilkan!
Verify billing calculations
Mari kita periksa apakah penghitungan penggunaan berfungsi:

- Di meter Anda, pergi ke tab Pelanggan
- Temukan pelanggan uji coba Anda
- Periksa kolom “Unit yang Dikonsumsi”
Test the billing threshold
Mari kita lampaui tier gratis untuk melihat penagihan berjalan:
- 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
Sukses! Penagihan berbasis penggunaan Anda berfungsi dengan sempurna. Pelanggan akan otomatis dikenakan biaya berdasarkan penggunaan aktual pembuatan gambar mereka.
Pemecahan Masalah
Masalah umum dan solusinya:Events not appearing in dashboard
Events not appearing in dashboard
Kemungkinan penyebab:
- 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
Selamat! Anda Telah Membangun PixelGen AI
Anda telah berhasil membuat cuplikan untuk generasi gambar AI dengan penagihan berdasarkan penggunaan! Berikut adalah apa yang telah Anda capai:Usage Meter
Membuat “Image Generation Meter” yang melacak setiap event pembuatan gambar
Billing Product
Mengonfigurasi harga sebesar $0.05 per gambar dengan 10 gambar gratis per bulan
AI Application
Membangun aplikasi TypeScript yang berfungsi yang menghasilkan gambar menggunakan DALL-E OpenAI
Automated Billing
Mengintegrasikan pelacakan event waktu nyata yang secara otomatis menagih pelanggan