Bisnis Anda, terkendali
Ringkasan penagihan
Kelola penawaran, bagikan tautan, dan tinjau pembayaran tanpa menyentuh data sensitif.
Aktivitas terbaru
Perubahan datang dari event Stripe.
Belum ada pembayaran
Saat webhook Anda mengonfirmasi pembayaran, itu akan muncul di sini.
Sebelum mengaktifkan produksi
Tiga pemeriksaan cepat.
- ✓Izin pemilikHanya akun Anda yang mengelola panel
- 2Webhook dikonfigurasiKonfirmasi pembayaran dan pengembalian dana
- 3Pembayaran uji cobaGunakan kartu Stripe fiktif
Katalog
Produk dan layanan
Setiap penawaran dapat menghasilkan Checkout aman atau tautan pembayaran.
Kunci rahasia Anda tidak sampai ke browser. Backend harus memvalidasi sesi pemilik Anda dan membuat harga di Stripe.
Buat produk pertama Anda
Tentukan harga yang jelas dan bagikan setelah koneksi Stripe Anda siap.
Kontrol dan keamanan
Konfigurasi Stripe
Pisahkan kredensial pengujian dan produksi di server Anda.
Lingkungan aktif
Penagihan akan dibuat di lingkungan yang dipilih.
Backend menunggu untuk dihubungkan
Panel sudah siap; kunci hanya berada di variabel lingkungan server.
Variabel server yang dilindungi
Konfigurasikan di penyedia hosting Anda, jangan pernah di HTML ini.
STRIPE_SECRET_KEYBuat Checkout, pengembalian dana, dan Portal.••••••••••••••••STRIPE_PUBLISHABLE_KEYIdentifikasi akun Anda di komponen publik.••••••••••••••••STRIPE_WEBHOOK_SECRETVerifikasi tanda tangan setiap peristiwa.••••••••••••••••✓
Jangan pernah simpan data kartu. Jangan simpan nomor lengkap, CVV, atau rahasia di produk, riwayat, atau browser.
Riwayat pembayaran dasar
Webhook mengisi tampilan ini dengan data non-sensitif.
Belum ada riwayat
Pembayaran yang dikonfirmasi akan muncul setelah Anda menghubungkan webhook.
Persiapan
Hubungkan Stripe tanpa mengekspos rahasia
Rute singkat untuk beralih dari uji coba ke produksi dengan kontrol yang jelas.
Hubungkan di backend Anda
Simpan ketiga variabel lingkungan di server. Panel ini hanya memanggil endpoint terautentikasi; tidak pernah menerima kunci rahasia Anda.
POST /api/checkout/sessionPOST /api/checkout/linkPOST /api/customer-portalKonfigurasi webhook
Verifikasi tanda tangan dengan STRIPE_WEBHOOK_SECRET dan catat pembayaran, pengembalian dana, serta perubahan langganan.
Uji sebelum menagih
Gunakan mode tes Stripe dan kartu fiktif dari dokumentasinya. Jangan pernah mencoba dengan kartu orang lain atau melakukan pengisian saldo kecil.
Aktifkan produksi
Setelah webhook dan halaman pengembalian berfungsi, ubah kunci di server dan konfirmasi izin pemilik.
✓ Halaman sukses↩ Halaman pembatalan
Kontrak backend yang direkomendasikan
Browser tidak menentukan harga maupun izin.
OtorisasiValidasi sesi, peran pemilik, dan CSRF pada setiap mutasi.
CheckoutBuat sesi dengan Price Stripe produk, success_url, dan cancel_url.
Customer PortalHasilkan tautan dari pelanggan yang terautentikasi; jangan ekspos ID pelanggan orang lain.
Data tersimpanStatus, tanggal, jumlah, mata uang, dan referensi Stripe; jangan pernah simpan kartu atau CVV.
Checkout selesai
Terima kasih atas pembelian Anda
Pembayaran Anda sedang dikonfirmasi dengan aman. Anda akan menerima bukti pembayaran dari Stripe.
Kami tidak menampilkan atau menyimpan data kartu di halaman ini.
Checkout dibatalkan
Tidak ada biaya yang dikenakan
Anda dapat meninjau penawaran dan mencobanya lagi kapan saja. Informasi kartu Anda tidak pernah sampai ke panel ini.
Katalog