- Proyek React Native yang sudah ada
- Akses Stripe Test Mode
- Backend diperlukan untuk pembayaran aman
Akses repositori tidak wajib. Akses proyek hanya diperlukan jika Anda ingin Bacodo mengintegrasikannya langsung.
Pengaya Bereaksi Asli
Tambahkan @stripe/stripe-react-native Lembar Pembayaran ke aplikasi React Native Anda yang sudah ada tanpa membuat formulir kartu asli, 3-D Secure, dan kesalahan kunci rahasia dari awal. React Native tidak menghosting webhook — API Anda yang menghostingnya.
Mulai
$145
USD · React Native
Integrasi Stripe untuk React Native · React Native
Requirements
Akses repositori tidak wajib. Akses proyek hanya diperlukan jika Anda ingin Bacodo mengintegrasikannya langsung.
Fungsinya
Bacodo mengintegrasikan Stripe ke dalam proyek React Native yang sudah Anda miliki (Expo atau bare). Setelah serah terima, sumber React Native ada di repo Anda. Kunci rahasia dan webhook tetap berada di backend yang sudah Anda jalankan. Anda masih memiliki akun Stripe dan biaya Stripe.
Aplikasi React Native tidak dapat membuat PaymentIntents atau memverifikasi webhook dengan aman. Dibutuhkan Lembar Pembayaran dan backend yang mengembalikan rahasia klien. Bangunan yang salah membagi mengirimkan kunci rahasia dalam biner.
Kami menambahkan @stripe/stripe-react-native, menyajikan Lembar Pembayaran dari tindakan checkout React Native Anda yang sudah ada, dan mengirimkan panggilan pengambilan yang sudah dibutuhkan API Anda untuk PaymentIntents. Verifikasi webhook ada di API itu, bukan di dalam React Native.
Tim Anda melewatkan implementasi produksi pertama Stripe React Native: Lembar Pembayaran, SCA, konfigurasi asli, dan serah terima yang mendokumentasikan cara aplikasi berkomunikasi dengan API Anda.
Pengembang dan agensi yang sudah memiliki aplikasi React Native iOS/Android dan API, serta menginginkan jalur Stripe yang dapat dikelola tanpa menulis ulang aplikasi di Flutter.
Fitur utama
Tunjukkan Lembar Pembayaran Stripe dengan @stripe/stripe-react-native dari tindakan pembayaran React Native Anda. Data kartu tetap berada di Stripe — bukan dalam status React Native yang Anda pertahankan.
Aplikasi React Native hanya menggunakan kunci yang dapat diterbitkan dan rahasia klien berumur pendek dari API Anda. Integrasi Stripe untuk React Native tidak menempatkan STRIPE_SECRET_KEY dalam bundel JS atau biner asli.
Aktifkan dompet di Lembar Pembayaran jika akun Stripe, ID pedagang Apple, dan pengaturan Google Pay Anda mengizinkannya. Penggantian React Native tetap ada di Lembar Pembayaran kartu.
Kirimkan aplikasi React Native dengan kunci publikasi pengujian Stripe terlebih dahulu. Peralihan langsung adalah perubahan env/rasa yang terdokumentasi ditambah rahasia langsung yang cocok di API Anda.
Layar ucapan terima kasih React Native bukanlah sumber kebenaran. API Anda memverifikasi webhook Stripe, lalu aplikasi React Native membaca status berbayar dari API tersebut.
Tangani kartu yang ditolak, Lembar Pembayaran yang dibatalkan, kegagalan jaringan, dan Keamanan 3-D yang tidak lengkap sehingga React Native UI tidak membuat pelanggan berada dalam layar mati.
Kasus penggunaan
Anda sudah memiliki aplikasi React Native dan API. Anda memerlukan checkout Lembar Pembayaran tanpa menulis ulang katalog di Flutter.
Anda memerlukan jalur Stripe yang dapat dipelihara di React Native, sumber di repo klien, dan peralihan kunci langsung yang terdokumentasi alih-alih demo camilan.
Aplikasi React Native mengumpulkan metode pembayaran pertama sementara langganan tetap berada di API dan Stripe Billing Anda jika Anda sudah menggunakannya.
Integrasi Stripe untuk React Native adalah sisi klien seluler. Jika Anda juga memerlukan API yang dibuat, hal tersebut dicakup secara terpisah — harga ini bukanlah backend baru.
Demo
Pratinjau jalur checkout React Native: tindakan pembayaran, Lembar Pembayaran, konfirmasi, dan status kegagalan. Sandbox langsung terhadap akun Stripe Anda tersedia setelah pemeriksaan kompatibilitas. Halaman ini tidak memproses tagihan sebenarnya.
Cara kerja
Alur kerja add-on Bacodo standar, dengan pemeriksaan khusus React Native untuk Expo vs bare, target iOS/Android, dan API yang sudah dipanggil oleh aplikasi.
01
Konfirmasikan Integrasi Stripe untuk React Native dan Anda memiliki (atau akan mencakup) API yang dapat membuat PaymentIntents.
02
Tinjau versi React Native, Expo atau alur kerja kosong, UI checkout yang ada, dan bahasa backend yang sudah digunakan aplikasi.
03
Tambahkan @stripe/stripe-react-native, presentasi Lembar Pembayaran, konfigurasi asli, dan kontrak pengambilan ke titik akhir PaymentIntent Anda.
04
Kirimkan kunci yang dapat diterbitkan melalui env atau rasa. Kunci rahasia dan webhook tetap berada di API.
05
Jalankan kartu pengujian Stripe di iOS dan Android, 3-D Secure, batalkan/tolak, dan konfirmasi status pembaruan webhook API yang dibaca oleh aplikasi React Native.
06
Memberikan sumber React Native, catatan env, dan daftar periksa live-key. Implementasi React Native adalah milik Anda.
Arsitektur
Biner React Native tidak pernah menyimpan kunci rahasia. Lembar Pembayaran menggunakan rahasia klien dari API Anda. Stripe memberi tahu API tersebut melalui webhook. React Native kemudian membaca status pesanan.
Teknologi yang didukung
React Native saat ini di Expo atau alur kerja kosong. Ini bukan situs web React dan bukan Flutter — lihat arahan Stripe untuk tumpukan tersebut.
SDK Asli Stripe React Resmi untuk Lembar Pembayaran dan dompet.
Pembuatan PaymentIntent dan verifikasi webhook di backend yang sudah dipanggil oleh aplikasi React Native. Add-on ini tidak menggantikan API tersebut dengan layanan khusus Bacodo.
Akun Stripe Anda, kunci pengujian dan aktif, titik akhir webhook di API, dan peristiwa Dasbor.
Aplikasi React Native adalah klien. Webhook tidak bisa hanya hidup di telepon. Proyek khusus aplikasi tanpa API tidak dapat menyelesaikan jalur pembayaran ini.
Yang termasuk
Pricing
Harga ini hanya untuk platform React Native saja. Itu tidak menggunakan harga tambahan Next.js, React, Django, atau Flutter.
Integrasi Stripe untuk React Native
Tambahkan Lembar Pembayaran Stripe yang siap produksi ke aplikasi React Native yang sudah ada dan simpan kode sumbernya.
Persyaratan
$145
sekali bayarReact Native
Butuh backend?
Checkout aman olehstripe
Penyerahan + keamanan
Checkout React Native Stripe pada umumnya dicakup setelah pemeriksaan kompatibilitas React Native. Timeline bergantung pada Expo vs bare, UI checkout saat ini, dan API.
Kartu mode uji, jalur Aman 3-D, pembatalan, dan penolakan dilakukan di iOS dan Android sebelum kami serah terima.
Hanya kunci yang dapat diterbitkan yang ada di klien. Kunci rahasia dan rahasia webhook tetap berada di server yang dipanggil oleh aplikasi React Native.
React Native tidak memverifikasi Stripe-Signature. API Anda melakukannya, lalu React Native membaca hasilnya.
Kami tidak mengklaim sertifikasi PCI atau nol penipuan. React Native mengumpulkan kartu melalui Lembar Pembayaran, bukan formulir kartu khusus yang kami simpan.
FAQ
Integrasi Stripe untuk React Native mencakup pengaturan @stripe/stripe-react-native, Lembar Pembayaran di checkout React Native Anda yang sudah ada, kontrak pengambilan ke API PaymentIntent Anda, cakupan pengujian iOS dan Android, dan catatan serah terima. Anda menerima sumber React Native di proyek Anda. Biaya Stripe, akun Stripe Anda, dan pembuatan backend baru terpisah.
Ya. Integrasi Stripe untuk React Native dibuat untuk proyek React Native yang sudah Anda miliki. Kami memasukkan Lembar Pembayaran dan titik masuk pembayaran ke dalam navigasi React Native dan UI checkout Anda saat ini alih-alih mengirimkan aplikasi demo terpisah sebagai penyampaiannya.
Ya untuk jalur produksi React Native Stripe. PaymentIntents, kunci rahasia, dan verifikasi webhook harus ada di server. Aplikasi React Native hanya menerima kunci yang dapat diterbitkan dan rahasia klien. Jika Anda tidak memiliki API, pekerjaan backend tersebut dicakup secara terpisah dan tidak diasumsikan dalam harga add-on React Native.
Integrasi Stripe untuk React Native menggunakan @stripe/stripe-react-native, React Native SDK resmi Stripe, untuk Lembar Pembayaran dan tombol dompet di iOS dan Android. Kami tidak menggabungkan checkout React Native dalam plugin yang tidak berdokumen kecuali Anda secara eksplisit memerlukannya.
Ya, jika akun Stripe, ID pedagang Apple, penyiapan Google Pay, dan perangkat Anda mendukungnya. Di React Native, tombol dompet adalah cakupan opsional. Lembar Pembayaran Kartu di React Native tetap menjadi cadangan default.
Expo dan React Native keduanya merupakan kandidat. Kami mengonfirmasi Expo SDK, plugin konfigurasi, dan kompatibilitas modul asli selama pemeriksaan kompatibilitas React Native. Situs web React bukanlah tujuan ini — lihat Integrasi Stripe untuk React.
Klien React Native dapat mengonfirmasi PaymentIntent atau mengumpulkan metode pembayaran melalui Lembar Pembayaran. Produk Penagihan Stripe berulang, portal pelanggan, dan logika faktur langsung ada di API Anda. Karya React Native yang banyak berlangganan mungkin memerlukan Penawaran Khusus.
Aplikasi React Native hanya menggunakan kunci Stripe yang dapat diterbitkan, biasanya melalui env atau ragam aman. Kunci rahasia dan rahasia penandatanganan webhook tetap berada di server. Integrasi Stripe untuk React Native tidak memasukkan kunci rahasia di APK atau IPA.
Kami menerapkan Integrasi Stripe untuk React Native terhadap kunci pengujian dan kartu pengujian Stripe terlebih dahulu. Tayang adalah peralihan kunci dan webhook yang terdokumentasi di Dasbor Stripe dan lingkungan server Anda yang digunakan oleh aplikasi React Native, bukan aktivasi lisensi tambahan.
React Native Payment Sheet dan PaymentIntents menangani 3-D Secure melalui @stripe/stripe-react-native. Aplikasi React Native harus menjaga aliran sheet tetap hidup hingga Stripe mengembalikan status akhir; Integrasi Stripe untuk React Native menghubungkan status tersebut secara eksplisit.
Ya untuk pemenuhan setelah React Native Payment Sheet. React Native UI bukanlah sumber kebenaran. Backend Anda memverifikasi tanda tangan webhook Stripe dan kemudian menandai pesanan telah dibayar, membuka kunci konten, atau memberi tahu pemenuhan.
Ya. Integrasi Stripe untuk React Native biasanya menyimpan produk, keranjang, dan tombol pembayaran React Native Anda serta menampilkan Lembar Pembayaran dari tindakan tersebut. Formulir kartu React Native kustom yang menyentuh data PAN mentah berada di luar cakupan default karena Lembar Pembayaran adalah jalur PCI yang lebih aman.
Tidak. Anda membuat dan memiliki akun Stripe, kunci API, dan biaya pemrosesan Stripe. Harga add-on React Native diimplementasikan ke dalam proyek React Native Anda, bukan lisensi pembayaran Bacodo.
Tidak. Barang digital yang dijual di toko iOS atau Android sering kali masih memerlukan IAP. Integrasi Stripe untuk React Native adalah untuk pembayaran Stripe di aplikasi React Native 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 aplikasi React Native yang ada selama Integrasi Stripe untuk React Native.
Sumber React Native 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 Native yang dikirimkan, bukan pekerjaan fitur React Native yang tidak terkait.
Selama jangka waktu 30 hari, kami membantu mengatasi kerusakan dalam integrasi React Native yang disebabkan oleh perubahan Stripe atau @stripe/stripe-react-native yang terdokumentasi. Peningkatan paket React Native 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 Native. Dukungan 30 hari mencakup pemecahan masalah penolakan, penurunan 3-D Secure, dan kunci yang salah dikonfigurasi untuk aliran React Native yang dikirimkan.
Kami mengonfirmasi versi React Native Anda, Expo atau alur kerja kosong, target penerapan iOS, dan minSdk Android terhadap rilis @stripe/stripe-react-native yang kami sematkan pada waktu integrasi. Runtime React Native yang lebih lama atau sangat bercabang mungkin memerlukan cakupan tambahan.
30 hari setelah serah terima sudah termasuk untuk jalur React Native Stripe yang dikirimkan. Dukungan Teknis yang Diperpanjang bersifat opsional dengan tarif 20% dari harga add-on React Native ini dan mencakup bantuan teknis enam bulan lagi pada integrasi React Native yang sama, bukan pembuatan produk baru.
Tambahkan pembayaran Stripe siap produksi ke aplikasi React Native Anda yang sudah ada, simpan kode sumbernya, dan simpan rahasia di API Anda.
$145