Tutorial ini menyediakan kode implementasi contoh untuk aplikasi berbasis terminal. Anda dapat memodifikasi kode ini untuk kerangka kerja spesifik Anda (React, Vue, Angular, dll.) dan menyesuaikan metode input pengguna sesuai dengan 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.
1
Buka bagian Meter
- Masuk ke dasbor Dodo Payments Anda
- Klik pada Meter di sidebar kiri
- Klik tombol Buat Meter
2
Isi informasi meter dasar
Sekarang kita akan memasukkan detail spesifik untuk layanan PixelGen AI kita:Nama Meter: Salin dan tempel ini persis →
Image Generation MeterDeskripsi: Salin ini → Tracks each AI image generation request made by customers using our DALL-E powered serviceNama Peristiwa: Ini sangat penting - salin persis → image.generated3
Konfigurasi cara kita menghitung gambar
Atur agregasi (bagaimana meter menghitung peristiwa kita):Tipe Agregasi: Pilih Hitung dari dropdownSatuan Pengukuran: Ketik →
imagesKita menggunakan “Hitung” karena kita ingin menagih per gambar yang dihasilkan, bukan berdasarkan ukuran atau waktu generasi. Setiap gambar yang berhasil = 1 unit yang dapat ditagih.
4
Tambahkan penyaringan kualitas

- Aktifkan Penyaringan Peristiwa: Alihkan ini ON
- Logika Penyaringan: Pilih ATAU (ini berarti “hitung jika ANY dari kondisi ini benar”)
- Tambahkan kondisi pertama:
- Kunci Properti:
quality - Pembanding:
equals - Nilai:
standard
- Kunci Properti:
- Klik “Tambahkan Kondisi” untuk yang kedua:
- Kunci Properti:
quality - Pembanding:
equals - Nilai:
hd
- Kunci Properti:
5
Buat meter Anda
- Periksa kembali semua pengaturan Anda cocok dengan nilai di atas
- Klik Buat Meter
Meter dibuat! “Meter Generasi Gambar” Anda sekarang siap untuk mulai menghitung generasi gambar. Selanjutnya, kita akan menghubungkannya ke produk penagihan.
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.1
Navigasi ke Produk
- Di dasbor Dodo Payments Anda, klik Produk di sidebar kiri
- Klik Buat Produk
- Pilih Berdasarkan Penggunaan sebagai tipe produk
2
Masukkan detail produk
Isi nilai-nilai ini persis untuk layanan PixelGen AI kita:Nama Produk: 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.
3
Hubungkan meter Anda

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.
4
Atur harga Anda
Di sinilah kita mendefinisikan model bisnis kita:
Harga Per Unit: Masukkan →

0.05 (ini adalah $0,05 per gambar)Ambang Gratis: Masukkan → 10 (pelanggan mendapatkan 10 gambar gratis per bulan)5
Simpan produk Anda
- Tinjau semua pengaturan Anda:
- Nama: PixelGen AI - Generasi Gambar
- Meter: Meter Generasi Gambar
- Harga: $0,05 per gambar
- Tingkat gratis: 10 gambar
- Klik Simpan Perubahan
Produk dibuat! Penagihan Anda sekarang telah dikonfigurasi. Pelanggan akan secara otomatis dikenakan biaya berdasarkan penggunaan generasi gambar mereka.
Langkah 3: Lakukan Pembelian Uji Coba
Sebelum kita mulai mengumpulkan peristiwa penggunaan, kita perlu melakukan pembelian uji coba.1
Dapatkan tautan pembayaran Anda
- Di dasbor Dodo Payments Anda, pergi ke Produk
- Temukan produk “PixelGen AI - Generasi Gambar” Anda
- Klik tombol Bagikan di samping produk Anda
- Salin tautan pembayaran yang muncul
https://test.checkout.dodopayments.com/buy/pdt_IgPWlRsfpbPd5jQKezzW1?quantity=12
Selesaikan pembelian uji coba
- Buka tautan pembayaran di tab browser baru
- Masukkan detail pembayaran uji coba dan selesaikan pembelian.
Setelah pembayaran berhasil, Anda akan memiliki ID pelanggan yang akan kita gunakan dalam kode aplikasi kita.
3
Temukan ID pelanggan Anda
- Kembali ke dasbor Dodo Payments Anda
- Navigasi ke Pelanggan di sidebar kiri
- Temukan pelanggan yang baru saja Anda buat (dengan email uji coba)
- Salin ID pelanggan - itu akan terlihat seperti
cus_abc123def456
Simpan ID pelanggan ini - kita akan menghardcode-nya dalam kode aplikasi contoh kita untuk memastikan peristiwa dilacak 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.1
Atur proyek Anda
Buat direktori baru dan inisialisasi proyek:
2
Instal dependensi
Instal paket yang kita butuhkan:
3
Buat aplikasi utama
Buat file bernama
index.ts dan salin kode aplikasi lengkap ini: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.1
Atur lingkungan Anda
Pertama, pastikan Anda telah mengonfigurasi semuanya:
- Buat file
.envdi direktoripixelgen-aiAnda - Tambahkan kunci API Anda yang sebenarnya:
- Instal dependensi dan jalankan aplikasi:
2
Hasilkan gambar uji coba pertama Anda
Ketika aplikasi dimulai, Anda akan melihat:Cobalah prompt ini: “Robot lucu melukis pemandangan”Anda seharusnya melihat output seperti ini:
Jika Anda melihat “Peristiwa penggunaan berhasil dikirim”, integrasi penagihan Anda berfungsi!
3
Hasilkan beberapa gambar lagi
Mari kita hasilkan 2-3 gambar lagi untuk menguji beberapa peristiwa. Cobalah 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”
4
Periksa dasbor Dodo Payments Anda
Sekarang mari kita verifikasi peristiwa 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
- Nama peristiwa:
image.generated - ID Pelanggan: ID pelanggan uji coba Anda
Anda seharusnya melihat satu peristiwa untuk setiap gambar yang Anda hasilkan!
5
Verifikasi perhitungan penagihan
Mari kita periksa apakah penghitungan penggunaan berfungsi:

- Di meter Anda, pergi ke tab Pelanggan
- Temukan pelanggan uji coba Anda
- Periksa kolom “Unit yang Dikonsumsi”
6
Uji ambang penagihan
Mari kita melebihi tingkat gratis untuk melihat penagihan dalam aksi:
- 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 berdasarkan penggunaan Anda berfungsi dengan sempurna. Pelanggan akan secara otomatis dikenakan biaya berdasarkan penggunaan generasi gambar mereka yang sebenarnya.
Pemecahan Masalah
Masalah umum dan solusinya:Peristiwa tidak muncul di dasbor
Peristiwa tidak muncul di dasbor
Kemungkinan penyebab:
- Nama peristiwa tidak cocok dengan konfigurasi meter persis
- ID pelanggan tidak ada di akun Anda
- Kunci API tidak valid atau kedaluwarsa
- Masalah konektivitas jaringan
- Verifikasi nama peristiwa cocok dengan konfigurasi meter persis (case-sensitive)
- Periksa bahwa ID pelanggan ada di Dodo Payments
- Uji kunci API 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:Meter Penggunaan
Membuat “Meter Generasi Gambar” yang melacak setiap peristiwa generasi gambar
Produk Penagihan
Mengonfigurasi harga di $0,05 per gambar dengan 10 gambar gratis per bulan
Aplikasi AI
Membangun aplikasi TypeScript yang berfungsi yang menghasilkan gambar menggunakan DALL-E dari OpenAI
Penagihan Otomatis
Mengintegrasikan pelacakan peristiwa real-time yang secara otomatis menagih pelanggan