Integrasi Stripe untuk React

Integrasi Stripe untuk React mencakup Stripe.js, Elemen Pembayaran di layar checkout React Anda yang ada, kontrak pengambilan ke API PaymentIntent Anda, cakupan pengujian, dan catatan serah terima. Anda menerima sumber React di proyek Anda. Biaya Stripe, akun Stripe Anda, dan pembuatan backend baru terpisah.

Ya. Integrasi Stripe untuk React dibuat untuk React SPA yang sudah Anda miliki (Vite, CRA, atau serupa). Kami menyesuaikan Elemen Pembayaran dan titik masuk pembayaran ke dalam rute dan UI React Anda saat ini alih-alih mengirimkan aplikasi demo terpisah sebagai penyampaiannya.

Ya untuk jalur produksi React Stripe. PaymentIntents, kunci rahasia, dan verifikasi webhook harus ada di server. Browser React hanya menerima kunci yang dapat dipublikasikan dan rahasia klien. Host React yang hanya bersifat statis tidak dapat menyelesaikan jalur checkout ini.

Integrasi Stripe untuk React menggunakan Stripe.js dan @stripe/react-stripe-js resmi untuk Elemen Pembayaran dan dompet. Kami tidak menggabungkan React checkout dalam plugin yang tidak berdokumen kecuali Anda secara eksplisit memerlukannya.

Ya jika akun Stripe, verifikasi domain, dan perangkat Anda mendukungnya. Di React, tombol dompet adalah cakupan opsional. Elemen Pembayaran Kartu di React tetap menjadi cadangan default.

Tidak. Integrasi Stripe untuk React adalah jalur SPA. Router Aplikasi Next.js dan Penangan Rute adalah Integrasi Stripe untuk Next.js. Kami tidak memigrasikan React SPA ke Next.js di dalam harga add-on React ini.

Klien React dapat mengonfirmasi PaymentIntent atau mengumpulkan metode pembayaran melalui Stripe.js. Produk Penagihan Stripe berulang, portal pelanggan, dan logika faktur langsung ada di API Anda. Pekerjaan React yang banyak berlangganan mungkin memerlukan Penawaran Khusus.

Browser React hanya menggunakan kunci Stripe yang dapat diterbitkan melalui Vite atau CRA public env. Kunci rahasia dan rahasia penandatanganan webhook tetap ada di API Anda. Integrasi Stripe untuk React tidak memasukkan kunci rahasia ke dalam bundel React.

Kami menerapkan Integrasi Stripe untuk React terhadap kunci pengujian dan kartu pengujian Stripe terlebih dahulu. Tayangan adalah perubahan kunci publikasi yang terdokumentasi di React ditambah rahasia langsung dan webhook yang cocok di API Anda, bukan aktivasi lisensi tambahan.

Elemen Pembayaran Stripe menangani 3-D Secure melalui Stripe.js. Halaman React harus menjaga alur checkout tetap hidup sampai Stripe mengembalikan status akhir; Integrasi Stripe untuk React menyambungkan status tersebut secara eksplisit.

Ya untuk pemenuhan setelah React Payment Element. React UI bukanlah sumber kebenaran. API Anda memverifikasi tanda tangan webhook Stripe dan kemudian menandai pesanan telah dibayar, membuka kunci konten, atau memberi tahu pemenuhan. React kemudian membaca status itu.

Ya. Integrasi Stripe untuk React biasanya menyimpan produk React, keranjang, dan tombol pembayaran Anda serta memasang Elemen Pembayaran dari tindakan tersebut. Formulir kartu React kustom yang menyentuh data PAN mentah berada di luar cakupan default karena Elemen Pembayaran adalah jalur PCI yang lebih aman.

Tidak. Anda membuat dan memiliki akun Stripe, kunci API, dan biaya pemrosesan Stripe. Harga add-on React diimplementasikan ke dalam proyek React Anda, bukan lisensi pembayaran Bacodo.

Tidak. Barang digital yang dijual di dalam toko aplikasi sering kali masih memerlukan IAP. Integrasi Stripe untuk React adalah untuk pembayaran Stripe di situs web React atau SPA di mana Stripe adalah jalur pembayaran yang diizinkan untuk jenis produk Anda.

Ya. Metadata PaymentIntent, catatan pelanggan, dan bidang yang Anda pertahankan setelah konfirmasi webhook diselaraskan dengan model pesanan Anda yang ada selama Integrasi Stripe untuk React. Aplikasi React hanya menampilkan apa yang dikembalikan API Anda.

Sumber React ada di repo Anda, sehingga tim Anda dapat memeliharanya. Dukungan 30 hari yang disertakan mencakup pertanyaan teknis dan cacat dalam cakupan Integrasi Stripe untuk React yang dikirimkan, bukan pekerjaan fitur React yang tidak terkait.

Selama jangka waktu 30 hari, kami membantu mengatasi kerusakan dalam integrasi React yang dikirimkan yang disebabkan oleh perubahan Stripe atau Stripe.js yang terdokumentasi. Peningkatan paket React yang berkelanjutan setelah itu adalah pemeliharaan Anda, atau Dukungan Teknis yang Diperpanjang jika Anda membelinya.

Kami mendokumentasikan cara membaca status PaymentIntent, log Stripe Dashboard, dan pengiriman webhook dari jalur checkout React. Dukungan 30 hari mencakup pemecahan masalah penolakan, penurunan 3-D Secure, dan kunci yang salah dikonfigurasi untuk aliran React yang dikirimkan.

Kami mengonfirmasi versi React Anda, bundler (Vite, CRA, atau sejenisnya), dan API yang sudah dipanggil SPA terhadap rilis Stripe.js yang kami sematkan pada waktu integrasi. Runtime React yang lebih lama atau sangat bercabang mungkin memerlukan cakupan tambahan.

30 hari setelah serah terima sudah termasuk untuk jalur React Stripe yang dikirimkan. Dukungan Teknis yang Diperpanjang bersifat opsional dengan tarif 20% dari harga add-on React ini dan mencakup bantuan teknis selama enam bulan lebih pada integrasi React yang sama, bukan pembuatan produk baru.