- Projek React Native sedia ada
- Akses Stripe Test Mode
- Backend diperlukan untuk pembayaran selamat
Akses repositori tidak diperlukan. Akses projek hanya perlu jika anda mahu Bacodo mengintegrasikannya secara langsung.
Alat tambah React Native
Penyepaduan Stripe untuk React Native
Tambahkan Helaian Pembayaran @stripe/stripe-react-native pada apl React Native anda yang sedia ada tanpa membina borang kad asli, 3-D Secure dan kesilapan kunci rahsia dari awal. React Native tidak mengehoskan webhook — API anda melakukannya.
- Kod sumber penuh disertakan & milik anda secara kekal
- Tiada kunci lesen tambahan atau lesen berulang diperlukan
- Sedia pengeluaran dan diuji
- Disepadukan ke dalam projek dan timbunan React Native sedia ada anda
- Sokongan teknikal selepas penyerahan 30 hari disertakan
- Sokongan Teknikal Lanjutan 6 bulan pilihan pada 20% daripada harga Add-on
Dari
$145
USD · React Native
Penyepaduan Stripe untuk React Native · React Native
Kod Sumber PenuhTiada Kunci LesenSedia PengeluaranIntegrasi yang DiujiSokongan 30 Hari
Requirements
What Penyepaduan Stripe untuk React Native needs
Apa yang dilakukan
Helaian Pembayaran dalam apl React Native anda — API masih memiliki rahsia
Bacodo menyepadukan Stripe ke dalam projek React Native yang telah anda miliki (Ekspo atau kosong). Selepas penyerahan, sumber React Native tinggal dalam repo anda. Kunci rahsia dan webhook kekal pada bahagian belakang yang telah anda jalankan. Anda masih memiliki akaun Stripe dan yuran Stripe.
Masalah ia selesaikan
Apl React Native tidak boleh membuat PaymentIntents atau mengesahkan webhook dengan selamat. Ia memerlukan Helaian Pembayaran dan bahagian belakang yang mengembalikan rahsia pelanggan. Bangunan yang membelah salah menghantar kunci rahsia dalam binari.
Bagaimana ia mendarat dalam projek
Kami menambah @stripe/stripe-react-native, membentangkan Helaian Pembayaran daripada tindakan daftar keluar React Native anda yang sedia ada dan menghantar panggilan pengambilan yang sudah diperlukan oleh API anda untuk PaymentIntents. Pengesahan Webhook adalah pada API itu, bukan dalam React Native.
Mengapa ia menjimatkan masa pembangunan
Pasukan anda melangkau pelaksanaan Stripe React Native pengeluaran pertama: Helaian Pembayaran, SCA, konfigurasi asli dan penyerahan yang mendokumenkan cara apl bercakap dengan API anda.
Untuk siapa ia
Pembangun dan agensi yang sudah mempunyai apl iOS/Android React Native dan API, dan mahukan laluan Stripe yang boleh diselenggara tanpa menulis semula apl itu dalam Flutter.
Ciri utama
Apa yang Penyepaduan Stripe untuk React Native sertakan
Helaian Pembayaran dalam React Native
Bentangkan Helaian Pembayaran Stripe dengan @stripe/stripe-react-native daripada tindakan pembayaran React Native anda. Data kad kekal di Stripe — bukan dalam keadaan React Native yang anda kekalkan.
React Native mengambil rahsia pelanggan — bukan kunci rahsia
Apl React Native hanya menggunakan kunci boleh diterbitkan dan rahsia pelanggan jangka pendek daripada API anda. Penyepaduan Stripe untuk React Native tidak meletakkan STRIPE_SECRET_KEY dalam berkas JS atau binari asli.
Apple Pay dan Google Pay dalam React Native
Dayakan dompet dalam Helaian Pembayaran apabila akaun Stripe anda, ID pedagang Apple dan persediaan Google Pay membenarkannya. React Native fallback kekal pada Helaian Pembayaran kad.
Mod ujian React Native kemudian kunci boleh diterbitkan secara langsung
Hantar apl React Native dengan kunci boleh diterbitkan ujian Stripe dahulu. Potongan langsung ialah perubahan env/rasa yang didokumenkan serta rahsia langsung yang sepadan pada API anda.
Pemenuhan bukan skrin kejayaan React Native
Skrin terima kasih React Native bukanlah sumber kebenaran. API anda mengesahkan webhook Stripe, kemudian apl React Native membaca keadaan berbayar daripada API tersebut.
Bertindak balas ralat Asli dan batalkan keadaan
Kendalikan kad yang ditolak, Helaian Pembayaran yang dibatalkan, kegagalan rangkaian dan 3-D Secure yang tidak lengkap supaya UI React Native tidak meninggalkan pelanggan pada skrin mati.
Kes penggunaan
Bila Penyepaduan Stripe untuk React Native sesuai
Kedai React Native sedia ada pada iOS dan Android
Anda sudah mempunyai apl React Native dan API. Anda memerlukan pembayaran Helaian Pembayaran tanpa menulis semula katalog dalam Flutter.
Agensi menyerahkan apl pelanggan React Native kepada pengeluaran
Anda memerlukan laluan Stripe yang boleh diselenggara dalam React Native, sumber dalam repo pelanggan dan pemotongan kunci langsung yang didokumenkan dan bukannya demo makanan ringan.
Paywall SaaS dalam React Native
Apl React Native mengumpul kaedah pembayaran pertama sementara langganan kekal pada API dan Stripe Billing anda jika anda sudah menggunakannya.
Apl React Native, Django atau Node API sudah sedia ada
Integrasi Stripe untuk React Native ialah bahagian pelanggan mudah alih. Jika anda juga memerlukan API yang dibina, yang diskop secara berasingan — harga ini bukan bahagian belakang baharu.
Demo
Pratonton aliran Helaian Pembayaran Asli React
Pratonton laluan daftar keluar React Native: tindakan bayar, Helaian Pembayaran, pengesahan dan keadaan kegagalan. Kotak pasir langsung terhadap akaun Stripe anda tersedia selepas semakan keserasian. Halaman ini tidak memproses caj sebenar.
Cara ia berfungsi
Cara Integrasi Stripe untuk React Native disampaikan
Aliran kerja tambahan Bacodo standard, dengan semakan khusus React Native untuk sasaran Ekspo lwn kosong, iOS/Android dan API yang telah dipanggil oleh apl.
01
Pilih React Native Stripe
Sahkan Integrasi Stripe untuk React Native dan bahawa anda mempunyai (atau akan merangkumi) API yang boleh membuat PaymentIntents.
02
Semakan keserasian React Native
Semak versi React Native, Ekspo atau aliran kerja kosong, UI pembayaran sedia ada dan bahasa bahagian belakang yang sudah digunakan oleh apl.
03
Sepadukan ke dalam React Native
Tambahkan @stripe/stripe-react-native, pembentangan Helaian Pembayaran, konfigurasi asli dan kontrak pengambilan pada titik akhir PaymentIntent anda.
04
Konfigurasikan apl React Native
Sambungkan kunci yang boleh diterbitkan melalui env atau perisa. Kunci rahsia dan webhook kekal pada API.
05
Uji laluan pembayaran React Native
Jalankan kad ujian Stripe pada iOS dan Android, 3-D Secure, batalkan/tolak dan sahkan kemas kini webhook API menyatakan apl React Native dibaca.
06
Serah terima sumber React Native
Sumber Deliver React Native, nota env dan senarai semak kunci langsung. Pelaksanaan React Native adalah milik anda untuk dikekalkan.
Seni bina
Cara Stripe menyambung ke projek React Native
Binari React Native tidak pernah memegang kunci rahsia. Helaian Pembayaran menggunakan rahsia pelanggan daripada API anda. Stripe memberitahu API itu melalui webhook. React Native kemudian membaca keadaan pesanan.
Apl React NativeLembaran PembayaranAPI andaStripe PaymentIntentsWebhook → APIReact Native membaca keadaan berbayar
Teknologi disokong
Apa yang Penyepaduan Stripe untuk React Native benar-benar guna
React Native pada iOS dan Android
Current React Native pada Ekspo atau aliran kerja kosong. Ini bukan tapak web React dan bukan Flutter — lihat pendaratan Stripe untuk tindanan tersebut.
@jalur/jalur-bertindak-asli
SDK Asli Stripe React Rasmi untuk Helaian Pembayaran dan dompet.
API sedia ada anda
PaymentIntent membuat dan pengesahan webhook pada bahagian belakang apl React Native sudah pun memanggilnya. Alat tambah ini tidak menggantikan API itu dengan perkhidmatan Bacodo sahaja.
Akaun Stripe untuk apl React Native
Akaun Stripe anda, uji dan kunci langsung, titik akhir webhook pada API dan acara Papan Pemuka.
Bahagian belakang yang diperlukan
Apl React Native ialah pelanggan. Webhook tidak boleh hidup hanya pada telefon. Projek aplikasi sahaja tanpa API tidak dapat melengkapkan laluan daftar keluar ini.
Apa yang disertakan
Apakah yang termasuk dalam Integrasi Stripe untuk React Native
- Integrasi ke dalam projek React Native sedia ada
- Kod sumber penuh dalam repositori anda
- Env kunci boleh diterbitkan dan pembentangan Helaian Pembayaran
- Ambil kontrak ke PaymentIntent API anda
- Aliran pembayaran React Native yang diuji pada iOS dan Android sebelum penyerahan
- Nota serahan untuk pemotongan ujian kepada langsung
- Sokongan teknikal 30 hari selepas penyerahan
Bukan dalam harga tambahan
- Akaun Stripe, kunci API dan yuran pemprosesan Stripe — anda memilikinya
- Bahagian belakang baharu jika anda tidak mempunyai API yang boleh membuat PaymentIntents
- Tulisan semula daripada React Native kepada Flutter
- Penggantian Pembelian Dalam Apl Apple atau Google
- Marketplace Connect atau Pengebilan tersuai melainkan skop sebagai kerja tersuai
Pricing
Penyepaduan Stripe untuk harga React Native
Harga ini adalah untuk platform React Native sahaja. Ia tidak menggunakan harga tambahan Next.js, React, Django atau Flutter.
Penyepaduan Stripe untuk React Native
Tambahkan Helaian Pembayaran Stripe sedia pengeluaran pada apl React Native sedia ada dan simpan kod sumber.
Keperluan
- Projek React Native sedia ada
- Akses Stripe Test Mode
- Backend diperlukan untuk pembayaran selamat
$145
sekali bayarReact Native
Perlu backend?
- Kod sumber penuh
- Tiada yuran lesen
- Sokongan 30 hari
- Integrasi penuh
Checkout selamat olehstripe
Penyerahan + keselamatan
React Native penghantaran dan amalan keselamatan
Anggaran penghantaran React Native
Pembayaran keluar biasa React Native Stripe adalah skop selepas semakan keserasian React Native. Garis masa bergantung pada Ekspo lwn kosong, UI pembayaran semasa dan API.
Diuji pada React Native sebelum penyerahan
Kad mod ujian, laluan 3-D Secure, batal dan tolak digunakan pada iOS dan Android sebelum kami menyerahkannya.
Rahsia jalur kekal di luar binari React Native
Hanya kunci yang boleh diterbitkan berada dalam klien. Kunci rahsia dan rahsia webhook kekal pada pelayan panggilan apl React Native.
Pengesahan Webhook adalah pada API, bukan dalam React Native
React Native tidak mengesahkan Stripe-Signature. API anda melakukannya, kemudian React Native membaca hasilnya.
Tiada tuntutan keselamatan React Native yang tidak boleh disahkan
Kami tidak menuntut pensijilan PCI atau penipuan sifar. React Native mengumpulkan kad melalui Helaian Pembayaran, bukan borang kad tersuai yang kami simpan.
Soalan lazim
Soalan lazim
Apakah yang termasuk dalam Integrasi Stripe untuk React Native?
Penyepaduan Stripe untuk React Native termasuk persediaan @stripe/stripe-react-native, Helaian Pembayaran dalam pembayaran React Native sedia ada anda, kontrak pengambilan ke API PaymentIntent anda, liputan ujian iOS dan Android serta nota serahan. Anda menerima sumber React Native dalam projek anda. Yuran Stripe, akaun Stripe anda dan membina hujung belakang baharu adalah berasingan.
Adakah anda akan menyepadukan Stripe ke dalam apl React Native kami yang sedia ada?
ya. Penyepaduan Stripe untuk React Native dibina untuk projek React Native yang telah anda miliki. Kami memuatkan Helaian Pembayaran dan titik masuk pembayaran ke dalam navigasi React Native semasa anda dan UI daftar keluar daripada menghantar apl demo yang berasingan sebagai penghantaran.
Adakah Penyepaduan Stripe untuk React Native memerlukan bahagian belakang?
Ya untuk laluan React Native Stripe pengeluaran. PaymentIntents, kunci rahsia dan pengesahan webhook mesti hidup pada pelayan. Apl React Native hanya menerima kunci yang boleh diterbitkan dan rahsia pelanggan. Jika anda tidak mempunyai API, kerja bahagian belakang itu diskop secara berasingan dan tidak diandaikan dalam harga tambah React Native.
Pakej Stripe manakah yang digunakan oleh Stripe Integration for React Native?
Integrasi Stripe untuk React Native menggunakan @stripe/stripe-react-native, SDK React Native rasmi Stripe, untuk Helaian Pembayaran dan butang dompet pada iOS dan Android. Kami tidak membalut pembayaran React Native dalam pemalam tidak berdokumen melainkan anda memerlukannya secara eksplisit.
Adakah Stripe Integration for React Native menyokong Apple Pay dan Google Pay?
Ya apabila akaun Stripe anda, ID pedagang Apple, persediaan Google Pay dan peranti menyokongnya. Dalam React Native, butang dompet adalah skop pilihan. Helaian Pembayaran Kad pada React Native kekal sebagai sandaran lalai.
Adakah Ekspo disertakan dalam Integrasi Stripe untuk React Native?
Ekspo dan Bare React Native adalah kedua-duanya calon. Kami mengesahkan SDK Ekspo, pemalam konfigurasi dan keserasian modul asli semasa semakan keserasian React Native. Tapak web React bukan pendaratan ini — lihat Penyepaduan Stripe untuk React.
Bolehkah Stripe Integration untuk React Native mengutip bayaran langganan?
Pelanggan React Native boleh mengesahkan PaymentIntent atau mengumpul kaedah pembayaran melalui Helaian Pembayaran. Produk Stripe Billing berulang, portal pelanggan dan logik invois secara langsung pada API anda. Kerja React Native yang berat langganan mungkin memerlukan Sebut Harga Tersuai.
Di manakah kunci boleh diterbitkan dan rahsia Stripe tinggal dalam apl React Native?
Apl React Native hanya menggunakan kunci boleh diterbitkan Stripe, biasanya melalui env atau rasa selamat. Kunci rahsia dan rahsia penandatanganan webhook kekal pada pelayan. Penyepaduan Stripe untuk React Native tidak meletakkan kunci rahsia dalam APK atau IPA.
Bagaimanakah mod ujian Stripe dan mod langsung berfungsi dalam React Native?
Kami melaksanakan Integrasi Stripe untuk React Native terhadap kekunci ujian dan kad ujian Stripe terlebih dahulu. Siaran langsung ialah kunci yang didokumenkan dan pemotongan webhook dalam Papan Pemuka Stripe dan persekitaran pelayan anda yang digunakan oleh apl React Native, bukan pengaktifan lesen tambahan.
Bagaimanakah Integrasi Stripe untuk React Native mengendalikan 3-D Secure / SCA?
Lembaran Pembayaran React Native dan PaymentIntents mengendalikan 3-D Secure melalui @stripe/stripe-react-native. Apl React Native mesti mengekalkan aliran helaian sehingga Stripe mengembalikan status akhir; Penyepaduan Stripe untuk React Native menyalurkan keadaan tersebut secara eksplisit.
Adakah webhook Stripe diperlukan untuk pembayaran React Native?
Ya untuk pemenuhan selepas Lembaran Pembayaran React Native. UI React Native bukanlah sumber kebenaran. Bahagian belakang anda mengesahkan tandatangan webhook Stripe dan kemudian menandakan pesanan dibayar, membuka kunci kandungan atau memberitahu pemenuhan.
Bolehkah kami mengekalkan UI daftar keluar React Native semasa kami dengan Stripe?
ya. Penyepaduan Stripe untuk React Native biasanya menyimpan produk, troli dan butang bayar React Native anda serta membentangkan Helaian Pembayaran daripada tindakan itu. Borang kad React Native tersuai yang menyentuh data PAN mentah adalah di luar skop lalai kerana Helaian Pembayaran ialah laluan PCI yang lebih selamat.
Adakah harga Stripe Integration untuk React Native termasuk akaun atau yuran Stripe?
Tidak. Anda membuat dan memiliki akaun Stripe, kunci API dan yuran pemprosesan Stripe. Harga tambahan React Native dilaksanakan ke dalam projek React Native anda, bukan lesen pembayaran Bacodo.
Adakah Integrasi Stripe untuk React Native menggantikan Pembelian Dalam Apl Apple atau Google?
Tidak. Barangan digital yang dijual di dalam gedung iOS atau Android selalunya masih memerlukan IAP. Integrasi Stripe untuk React Native adalah untuk pembayaran Stripe dalam apl React Native dengan Stripe ialah laluan pembayaran yang dibenarkan untuk jenis produk anda.
Bolehkah kami menyesuaikan resit dan metadata Stripe dalam React Native?
ya. Metadata PaymentIntent, rekod pelanggan dan medan yang anda kekalkan selepas pengesahan webhook diselaraskan dengan model pesanan apl React Native sedia ada anda semasa Penyepaduan Stripe untuk React Native.
Apakah sokongan React Native yang disertakan selepas penyerahan Stripe?
Sumber React Native ada dalam repo anda, jadi pasukan anda boleh mengekalkannya. Sokongan 30 hari yang disertakan meliputi soalan teknikal dan kecacatan dalam skop Integrasi Stripe untuk React Native yang dihantar, bukan kerja ciri React Native yang tidak berkaitan.
Bagaimanakah kemas kini stripe-react-native atau Stripe API dikendalikan pada React Native?
Sepanjang tetingkap 30 hari kami membantu dengan kerosakan dalam penyepaduan React Native yang dihantar disebabkan oleh perubahan Stripe atau @stripe/stripe-react-native yang didokumenkan. Peningkatan pakej React Native yang berterusan selepas itu ialah penyelenggaraan anda atau Sokongan Teknikal Lanjutan jika anda membelinya.
Bagaimana jika pembayaran Stripe gagal dalam apl React Native pengeluaran?
Kami mendokumenkan cara membaca status PaymentIntent, log Papan Pemuka Stripe dan penghantaran webhook daripada laluan daftar keluar React Native. Sokongan 30 hari termasuk penyelesaian masalah penolakan, 3-D Secure drops dan kunci tersalah konfigurasi untuk aliran React Native yang dihantar.
Versi React Native manakah yang serasi dengan Stripe Integration untuk React Native?
Kami mengesahkan versi React Native, Ekspo atau aliran kerja kosong, sasaran penggunaan iOS dan Android minSdk anda terhadap keluaran @stripe/stripe-react-native yang kami sematkan pada masa penyepaduan. Masa jalan React Native yang lebih lama atau bercabang banyak mungkin memerlukan skop tambahan.
Apakah sokongan 30 hari berbanding Sokongan Teknikal Lanjutan 6 bulan untuk Penyepaduan Stripe untuk React Native?
30 hari selepas penyerahan disertakan untuk laluan React Native Stripe yang dihantar. Sokongan Teknikal Lanjutan adalah pilihan pada 20% daripada harga tambahan React Native ini dan meliputi enam bulan lagi bantuan teknikal pada penyepaduan React Native yang sama, bukan binaan produk baharu.
Penyepaduan Stripe untuk React Native
Tambahkan pembayaran Stripe sedia pengeluaran pada apl React Native anda yang sedia ada, simpan kod sumber dan simpan rahsia pada API anda.
$145