BacodoBACODO

React Native eklentisi

React Native için Stripe Entegrasyonu

Sıfırdan yerel kart formları, 3-D Secure ve gizli anahtar hataları oluşturmadan mevcut React Native uygulamanıza @stripe/stripe-react-native Ödeme Tablosu ekleyin. React Native, web kancalarını barındırmaz; API'niz barındırır.

  • Tam kaynak kodu dahildir ve kalıcı olarak sizindir
  • Eklenti lisans anahtarı veya yinelenen lisans gerekmez
  • Üretime hazır ve test edilmiş
  • Mevcut React Native projenize ve yığınınıza entegre edilmiştir
  • Devir teslimden sonraki 30 günlük teknik destek dahildir
  • Eklenti fiyatının %20'si karşılığında İsteğe Bağlı 6 Aylık Uzatılmış Teknik Destek

Başlangıç

$145

USD · React Native

React Native için Stripe Entegrasyonu · React Native

Tam Kaynak KoduLisans Anahtarı YokÜretime HazırTest Edilmiş Entegrasyon30 Günlük Destek

Requirements

What React Native için Stripe Entegrasyonu needs

  • Mevcut React Native projesi
  • Stripe Test Mode erişimi
  • Güvenli ödemeler için backend gerekir

Depo erişimi gerekmez. Proje erişimi yalnızca Bacodo’nun doğrudan entegre etmesini istiyorsanız gerekir.

Ne işe yarar

React Native uygulamanızdaki Ödeme Tablosu — API'nin hâlâ sırları var

Bacodo, Stripe'ı halihazırda sahip olduğunuz React Native projesine (Expo veya çıplak) entegre eder. Devir teslimden sonra React Native kaynağı deponuzda kalır. Gizli anahtar ve web kancası, halihazırda çalıştırdığınız bir arka uçta kalır. Stripe hesabı ve Stripe ücretleri hâlâ size aittir.

Çözdüğü sorun

Bir React Native uygulaması, PaymentIntent'leri güvenli bir şekilde oluşturamaz veya web kancalarını doğrulayamaz. Ödeme Sayfasına ve müşteri sırrını döndüren bir arka uca ihtiyacı var. Yanlış şekilde bölünen bina, ikili dosyadaki gizli anahtarı gönderir.

Projeye nasıl dahil edilir?

Mevcut React Native ödeme işleminizden @stripe/stripe-react-native, mevcut Ödeme Sayfasını ekliyoruz ve API'nizin PaymentIntents için zaten ihtiyaç duyduğu getirme çağrılarını aktarıyoruz. Webhook doğrulaması React Native'in içinde değil, bu API'nin üzerindedir.

Neden geliştirme zamanından tasarruf sağlar?

Ekibiniz ilk üretim Stripe React Native uygulamasını atlıyor: Ödeme Tablosu, SCA, yerel yapılandırma ve uygulamanın API'nizle nasıl iletişim kurduğunu belgeleyen bir devir teslim.

Kimin için

Halihazırda React Native iOS/Android uygulamasına ve API'ye sahip olan ve uygulamayı Flutter'da yeniden yazmaya gerek kalmadan sürdürülebilir bir Stripe yolu isteyen geliştiriciler ve ajanslar.

Temel özellikler

React Native için Stripe Entegrasyonu neler içerir

React Native'de Ödeme Tablosu

React Native ödeme işleminizden @stripe/stripe-react-native içeren Stripe Ödeme Sayfasını sunun. Kart verileri Stripe'ta kalır; ısrar ettiğiniz React Native durumunda değil.

React Native müşteri sırlarını getirir; asla gizli anahtarı getirmez

React Native uygulaması yalnızca yayınlanabilir anahtarı ve API'nizden kısa ömürlü bir istemci sırrını kullanır. React Native için Stripe Entegrasyonu, STRIPE_SECRET_KEY'i JS paketine veya yerel ikili dosyaya koymaz.

React Native'de Apple Pay ve Google Pay

Stripe hesabınız, Apple satıcı kimliğiniz ve Google Pay kurulumunuz izin verdiğinde Ödeme Tablosunda cüzdanları etkinleştirin. React Native yedek kartın Ödeme Tablosunda kalır.

Yerel test moduna tepki verin ve ardından canlı yayınlanabilir anahtar

Öncelikle React Native uygulamasını Stripe testi yayınlanabilir anahtarıyla birlikte gönderin. Canlı geçiş, belgelenmiş bir ortam/lezzet değişikliğinin yanı sıra API'nizdeki eşleşen canlı sırdır.

Yerine getirme bir React Native başarı ekranı değil

React Native teşekkür ekranı gerçeğin kaynağı değildir. API'niz Stripe webhook'unu doğrular, ardından React Native uygulaması bu API'den ücretli durumu okur.

Yerel hataya tepki verme ve durumları iptal etme

Reddedilen kartları, iptal edilen Ödeme Tablosunu, ağ hatalarını ve tamamlanmamış 3-D Secure'u yönetin; böylece React Native UI müşteriyi ölü bir ekranda bırakmaz.

Kullanım senaryoları

React Native için Stripe Entegrasyonu ne zaman uygun

iOS ve Android'de mevcut React Native mağazası

Zaten bir React Native uygulamanız ve bir API'niz var. Flutter'da kataloğu yeniden yazmadan Ödeme Sayfası ödemesine ihtiyacınız var.

Ajans, React Native istemci uygulamasını üretime aktarıyor

React Native'de sürdürülebilir bir Stripe yoluna, müşteri deposundaki kaynağa ve atıştırmalık demosu yerine belgelenmiş bir canlı anahtar geçişine ihtiyacınız var.

React Native'de SaaS ödeme duvarı

React Native uygulaması bir ilk ödeme yöntemi toplarken abonelikler API'nizde ve halihazırda kullanıyorsanız Stripe Faturalandırmanızda kalır.

React Native uygulaması, Django veya Node API'si zaten mevcut

React Native için Stripe Entegrasyonu mobil istemci tarafıdır. Ayrıca API'nin oluşturulmasına da ihtiyacınız varsa, bu ayrı olarak kapsam dahilindedir; bu fiyat yeni bir arka uç değildir.

Demo

React Yerel Ödeme Sayfası akış önizlemesi

React Native ödeme yolunu önizleyin: ödeme işlemi, Ödeme Tablosu, onay ve başarısızlık durumları. Uyumluluk kontrolünden sonra Stripe hesabınıza karşı canlı bir sanal alan kullanılabilir. Bu sayfa gerçek ücretleri işlemez.

Nasıl çalışır

React Native için Stripe Entegrasyonu nasıl sağlanır?

Expo ve çıplak, iOS/Android hedefleri ve uygulamanın zaten çağırdığı API için React Native'e özgü kontroller içeren standart Bacodo eklenti iş akışı.

  1. 01

    React Native Stripe'ı seçin

    React Native için Stripe Entegrasyonunu ve PaymentIntents oluşturabilecek bir API'ye sahip olduğunuzu (veya kapsamına alacağınızı) doğrulayın.

  2. 02

    React Yerel uyumluluk kontrolü

    React Native sürümünü, Expo veya yalın iş akışını, mevcut ödeme kullanıcı arayüzünü ve uygulamanın halihazırda kullandığı arka uç dilini inceleyin.

  3. 03

    React Native'e entegre edin

    @stripe/stripe-react-native, Ödeme Sayfası sunumunu, yerel yapılandırmayı ve getirme sözleşmesini PaymentIntent uç noktanıza ekleyin.

  4. 04

    React Native uygulamasını yapılandırma

    Yayınlanabilir anahtarı env veya lezzet yoluyla bağlayın. Gizli anahtar ve web kancası API'de kalır.

  5. 05

    React Native ödeme yolunu test edin

    iOS ve Android'de Stripe test kartlarını çalıştırın, 3-D Secure yapın, iptal edin/reddedin ve React Native uygulamasının okuduğu API webhook güncellemelerini onaylayın.

  6. 06

    React Native kaynağını devredin

    React Native kaynağını, env notlarını ve canlı anahtar kontrol listesini sunun. React Native uygulamasının bakımı size aittir.

Mimari

Stripe, React Native projesine nasıl bağlanır?

React Native ikili dosyası hiçbir zaman gizli anahtarı tutmaz. Ödeme Tablosu, API'nizden gelen bir müşteri sırrını kullanır. Stripe bu API'yi webhook aracılığıyla bilgilendirir. React Native daha sonra sipariş durumunu okur.

Yerel uygulamaya tepki verÖdeme TablosuAPI'nizŞeritli Ödeme AmaçlarıWeb kancası → APIReact Native ücretli durumu okur

Desteklenen teknolojiler

React Native için Stripe Entegrasyonu gerçekte ne kullanır

İOS ve Android'de Yerel Tepki Verme

Expo'da veya çıplak bir iş akışında Geçerli React Native. Bu bir React web sitesi değil ve Flutter değil; bu yığınlar için Stripe açılışlarına bakın.

@stripe/stripe-react-native

Ödeme Tablosu ve cüzdanlar için Resmi Stripe React Native SDK.

Mevcut API'niz

React Native uygulamasının arka ucunda PaymentIntent oluşturma ve web kancası doğrulaması zaten çağırıyor. Bu eklenti, söz konusu API'yi yalnızca Bacodo hizmetiyle değiştirmez.

React Native uygulaması için Stripe hesabı

Stripe hesabınız, test ve canlı anahtarlarınız, API'deki webhook uç noktası ve Kontrol Paneli etkinlikleriniz.

Gerekli arka uç

React Native uygulaması bir istemcidir. Web kancası yalnızca telefonda yaşayamaz. API'si olmayan, yalnızca uygulamaya yönelik bir proje bu ödeme yolunu tamamlayamaz.

Neler dahil

React Native için Stripe Entegrasyonu neler içerir?

  • Mevcut React Native projesine entegrasyon
  • Deponuzdaki tam kaynak kodu
  • Yayınlanabilir anahtar ortamı ve Ödeme Tablosu sunumu
  • Sözleşmeyi PaymentIntent API'nize getirin
  • Devir teslimden önce iOS ve Android'de test edilen React Native ödeme akışları
  • Testten canlıya geçiş için devir notları
  • Devir teslimden sonra 30 günlük teknik destek

İlave fiyatta yok

  • Stripe hesabı, API anahtarları ve Stripe işlem ücretleri; bunların sahibi sizsiniz
  • PaymentIntent'leri oluşturabilecek bir API'niz yoksa yeni bir arka uç
  • React Native'den Flutter'a yeniden yazma
  • Apple veya Google Uygulama İçi Satın Alma değişimi
  • Özel çalışma kapsamına alınmadığı sürece Marketplace Connect veya özel Faturalandırma

Pricing

React Native fiyatlandırması için Stripe Entegrasyonu

Bu fiyat yalnızca React Native platformu içindir. Next.js, React, Django veya Flutter eklenti fiyatlandırmasını kullanmaz.

React Native için Stripe Entegrasyonu

Üretime hazır Stripe Payment Sheet'i mevcut bir React Native uygulamasına ekleyin ve kaynak kodunu saklayın.

Gereksinimler

  • Mevcut React Native projesi
  • Stripe Test Mode erişimi
  • Güvenli ödemeler için backend gerekir

$145

tek seferlik

React Native

Backend gerekir mi?

  • Tam kaynak kodu
  • Lisans ücreti yok
  • 30 gün destek
  • Tam entegrasyon

Güvenli ödeme:stripe

Teslimat ve güvenlik

React Yerel dağıtım ve güvenlik uygulamaları

Tahmini React Yerel dağıtımı

Tipik React Native Stripe kontrolünün kapsamı, React Native uyumluluk kontrolünden sonra belirlenir. Zaman çizelgesi, Expo ile çıplak, mevcut ödeme kullanıcı arayüzü ve API'ye göre değişir.

Devir tesliminden önce React Native'de test edildi

Test modu kartları, 3-D Secure, iptal ve reddetme yolları, teslim edilmeden önce iOS ve Android'de uygulanır.

Stripe sırları React Native ikili programının dışında kalıyor

İstemcide yalnızca yayınlanabilir anahtar bulunur. Gizli anahtarlar ve web kancası sırları, React Native uygulamasının çağırdığı sunucuda kalır.

Webhook doğrulaması React Native'de değil API'dedir

React Native, Stripe-Signature'ı doğrulamaz. API'niz bunu yapar, ardından React Native sonucu okur.

Doğrulanamayan React Native güvenlik iddiası yok

PCI sertifikası veya sıfır sahtekarlık iddiasında değiliz. React Native, kartları sakladığımız özel bir kart formu değil, Ödeme Sayfası aracılığıyla toplar.

SSS

Sık sorulan sorular

React Native için Stripe Entegrasyonu neler içerir?

React Native için Stripe Entegrasyonu, @stripe/stripe-react-native kurulumunu, mevcut React Native ödemenizdeki Ödeme Tablosunu, PaymentIntent API'nize yönelik getirme sözleşmesini, iOS ve Android test kapsamını ve devir notlarını içerir. Projenizde React Native kaynağını alırsınız. Stripe ücretleri, Stripe hesabınız ve yeni bir arka uç oluşturmak ayrıdır.

Stripe'ı mevcut React Native uygulamamıza entegre edecek misiniz?

Evet. React Native için Stripe Entegrasyonu, halihazırda sahip olduğunuz bir React Native projesi için oluşturulmuştur. Teslimat olarak ayrı bir demo uygulaması göndermek yerine, Ödeme Sayfasını ve ödeme giriş noktasını mevcut React Native navigasyonunuza ve ödeme kullanıcı arayüzüne sığdırıyoruz.

React Native için Stripe Entegrasyonu bir arka uç gerektirir mi?

Evet, üretim React Native Stripe yolu için. PaymentIntent'ler, gizli anahtar ve webhook doğrulaması bir sunucuda bulunmalıdır. React Native uygulaması yalnızca yayınlanabilir bir anahtar ve istemci sırrı alır. API'niz yoksa bu arka uç çalışması ayrı olarak kapsamlanır ve React Native eklenti fiyatına dahil edilmez.

React Native için Stripe Entegrasyonu hangi Stripe paketini kullanıyor?

React Native için Stripe Entegrasyonu, iOS ve Android'deki Ödeme Sayfası ve cüzdan düğmeleri için Stripe'ın resmi React Native SDK'sı olan @stripe/stripe-react-native'i kullanır. Açıkça gerek duymadığınız sürece React Native ödemesini belgelenmemiş bir eklentiye sarmayız.

React Native için Stripe Entegrasyonu Apple Pay ve Google Pay'i destekliyor mu?

Stripe hesabınız, Apple satıcı kimliğiniz, Google Pay kurulumunuz ve cihazlarınız bunları desteklediğinde evet. React Native'de cüzdan düğmeleri isteğe bağlı kapsamdadır. React Native'deki Kart Ödeme Sayfası varsayılan yedek olarak kalır.

Expo, React Native için Stripe Entegrasyonu'na dahil mi?

Expo ve çıplak React Native'in her ikisi de adaydır. React Native uyumluluk kontrolü sırasında Expo SDK'yı, yapılandırma eklentilerini ve yerel modül uyumluluğunu doğrularız. Bir React web sitesi bu giriş değildir — bkz. React için Stripe Entegrasyonu.

React Native için Stripe Entegrasyonu abonelik ödemelerini toplayabilir mi?

React Native istemcisi bir PaymentIntent'i onaylayabilir veya Ödeme Sayfası aracılığıyla bir ödeme yöntemi toplayabilir. Yinelenen Stripe Billing ürünleri, müşteri portalı ve fatura mantığı API'nizde yayında. Abonelik ağırlıklı React Native çalışmaları için Özel Fiyat Teklifi gerekebilir.

Stripe'ın yayınlanabilir ve gizli anahtarları React Native uygulamasında nerede bulunur?

React Native uygulaması yalnızca Stripe yayınlanabilir anahtarını kullanır; genellikle env veya güvenli bir lezzet aracılığıyla. Gizli anahtar ve webhook imzalama sırrı sunucuda kalır. React Native için Stripe Entegrasyonu, gizli anahtarları APK'ya veya IPA'ya koymaz.

Stripe test modu ve canlı mod React Native'de nasıl çalışır?

React Native için Stripe Entegrasyonunu öncelikle Stripe test anahtarlarına ve test kartlarına karşı uyguluyoruz. Canlı yayına geçmek, bir eklenti lisans aktivasyonu değil, Stripe Dashboard'unuzda ve React Native uygulaması tarafından kullanılan sunucu ortamınızda belgelenmiş bir anahtar ve web kancası geçişidir.

React Native için Stripe Entegrasyonu 3-D Secure/SCA'yı nasıl yönetir?

React Native Ödeme Sayfası ve PaymentIntents, 3-D Secure'u @stripe/stripe-react-native aracılığıyla yönetir. React Native uygulaması, Stripe son durumu döndürene kadar sayfa akışını canlı tutmalıdır; React Native için Stripe Entegrasyonu bu durumları açıkça birbirine bağlar.

React Native ödemesi için Stripe web kancaları gerekli midir?

React Native Payment Sheet'ten sonra yerine getirilmesi için evet. React Native UI gerçeğin kaynağı değildir. Arka ucunuz Stripe webhook imzalarını doğrular ve ardından ödenen siparişi işaretler, içeriğin kilidini açar veya yerine getirildiğini bildirir.

Mevcut React Native ödeme kullanıcı arayüzümüzü Stripe ile koruyabilir miyiz?

Evet. React Native için Stripe Entegrasyonu genellikle React Native ürününüzü, sepetinizi ve ödeme düğmenizi korur ve bu işlemden Ödeme Tablosunu sunar. Ham PAN verilerine dokunan özel bir React Native kart formu, Ödeme Sayfası daha güvenli PCI yolu olduğundan varsayılan kapsam dışındadır.

React Native için Stripe Entegrasyonu fiyatına Stripe hesabı veya ücretleri dahil mi?

Hayır. Stripe hesabını, API anahtarlarını ve Stripe işlem ücretlerini siz oluşturursunuz ve bunların sahibi olursunuz. React Native eklenti fiyatı, Bacodo ödeme lisansı değil, React Native projenize uygulanan uygulamadır.

React Native için Stripe Entegrasyonu Apple veya Google Uygulama İçi Satın Alma'nın yerini alacak mı?

Hayır. iOS veya Android mağazasında satılan dijital ürünler genellikle hâlâ IAP gerektiriyor. React Native için Stripe Entegrasyonu, Stripe'ın ürün türünüz için izin verilen bir ödeme yolu olduğu bir React Native uygulamasında Stripe ödemesi içindir.

Stripe makbuzlarını ve meta verilerini React Native'de özelleştirebilir miyiz?

Evet. PaymentIntent meta verileri, müşteri kayıtları ve webhook onayından sonra devam ettirdiğiniz alanlar, React Native için Stripe Entegrasyonu sırasında mevcut React Native uygulamanızın sipariş modeliyle hizalanır.

Stripe devrinden sonra hangi React Native desteği dahildir?

React Native kaynağı deponuzda olduğundan ekibiniz bunu koruyabilir. Dahil edilen 30 günlük destek, ilgisiz React Native özellik çalışması değil, React Native kapsamı için teslim edilen Stripe Entegrasyonu'ndaki teknik soruları ve kusurları kapsar.

Stripe-react-native veya Stripe API güncellemeleri React Native'de nasıl işlenir?

30 günlük pencere boyunca, teslim edilen React Native entegrasyonunda belgelenen bir Stripe veya @stripe/stripe-react-native değişikliğinin neden olduğu bozulmalara yardımcı oluyoruz. Bundan sonra devam eden React Native paket yükseltmeleri bakımınızdır veya satın alırsanız Genişletilmiş Teknik Destektir.

Üretim React Native uygulamasında Stripe ödemeleri başarısız olursa ne olur?

React Native ödeme yolundan PaymentIntent durumunu, Stripe Dashboard günlüklerini ve webhook teslimini nasıl okuyacağımızı belgeliyoruz. 30 günlük destek, teslim edilen React Native akışı için sorun giderme reddetmelerini, 3-D Secure'un düşmesini ve yanlış yapılandırılmış anahtarları içerir.

Hangi React Native sürümleri, React Native için Stripe Entegrasyonu ile uyumludur?

React Native sürümünüzü, Expo veya çıplak iş akışınızı, iOS dağıtım hedefinizi ve Android minSdk'nizi, entegrasyon zamanında sabitlediğimiz @stripe/stripe-react-native sürümüne göre doğrularız. Daha eski veya ağır şekilde çatallanmış React Native çalışma zamanları ekstra kapsam gerektirebilir.

React Native için Stripe Entegrasyonu için 30 günlük destek ve 6 aylık Genişletilmiş Teknik Destek nedir?

Teslim edilen React Native Stripe yoluna devir teslimden sonraki 30 gün dahildir. Genişletilmiş Teknik Destek, bu React Native eklenti fiyatının %20'si karşılığında isteğe bağlıdır ve yeni bir ürün yapısını değil, aynı React Native entegrasyonuna ilişkin altı ay daha teknik yardımı kapsar.

React Native için Stripe Entegrasyonu

Mevcut React Native uygulamanıza üretime hazır Stripe ödemelerini ekleyin, kaynak kodunu saklayın ve sırları API'nizde saklayın.

$145