Terima pembayaran menggunakan Stripe Elements dan Charges APICharges API
API terdahulu
Isi bagian ini mengacu pada fitur Legacy. Gunakan PaymentIntents API sebagai gantinya.
Charges API tidak mendukung fitur berikut, banyak di antaranya diperlukan untuk kepatuhan kartu kredit:
Gunakan Stripe Elements, komponen UI siap-rakit kami, untuk membuat formulir pembayaran yang memungkinkan Anda mengumpulkan detail kartu pelanggan dengan aman tanpa menangani data sensitif. Detail kartu kemudian diubah menjadi Token representatif yang dapat dikirim dengan aman ke server Anda. Server Anda dapat menggunakan token itu untuk membuat charge.
Siapkan Stripe
Pertama, Anda membutuhkan akun Stripe. Daftar sekarang.
Gunakan pustaka resmi kami untuk mendapatkan akses ke API Stripe dari aplikasi Anda:
Buat formulir pembayaran AndaSisi client
Untuk mengumpulkan detail kartu dengan aman dari pelanggan Anda, Stripe Elements membuatkan Anda komponen UI yang di-hosting oleh Stripe. Kemudian komponen tersebut dimasukkan dalam formulir pembayaran, bukan Anda yang membuatnya secara langsung.
Siapkan Stripe Elements
Buat tokenSisi client
createToken juga menerima parameter opsional kedua yang berisi informasi kartu tambahan yang dikumpulkan dari pelanggan, yang tidak digunakan dalam contoh ini. Fungsi ini akan mengembalikan Promise
yang akan menentukan dengan objek result
. Objek ini memiliki:
result.token
: Token berhasil dibuat.result.error
: ada kesalahan. Ini termasuk kesalahan validasi sisi client. Lihat referensi API untuk mengetahui semua kemungkinan kesalahan.
Jika objek berisi result.token
, kirimkan ke server Anda. Jika tidak, tunjukkan kesalahan kepada pelanggan.
Serahkan token ke server AndaSisi client
Kirim token ke server Anda bersama informasi tambahan yang telah dikumpulkan:
Buat charge dengan tokenSisi server
Setelah klien memposting token ke server, Anda dapat menggunakannya untuk membuat charge. Di server Anda, ambil token Stripe di parameter POST yang diserahkan oleh formulir. Dari sana, hanya ada satu panggilan API untuk men-charge kartu:
Respons pembuatan charge akan berupa charge atau kesalahan bersama kode kesalahan. Jika respons berhasil, penuhi pesanan pelanggan dan tunjukkan halaman berhasil kepada mereka. Jika tidak, tunjukkan halaman kesalahan kepada mereka.
Coba integrasi Anda
Jika Anda dapat memasukkan kartu percobaan dengan cara yang bisa dipercaya dalam formulir HTML, menyerahkannya ke server, dan memastikan server Anda membuat charge, berarti integrasi Anda selesai.
Selamat! Anda telah menyelesaikan integrasi pembayaran dasar dengan Charges API. API ini tidak mendukung penskalaan bisnis atau pelanggan di luar AS dan Kanada. Untuk pembayaran yang lebih tangguh dan global, pelajari cara me dengan Payment Intents API.
Lihat juga
Anda dapat mempelajari selengkapnya tentang Elements dan cara menyimpan kartu dengan Charges API.