- 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.
React Native eklentisi
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.
Başlangıç
$145
USD · React Native
React Native için Stripe Entegrasyonu · React Native
Requirements
Depo erişimi gerekmez. Proje erişimi yalnızca Bacodo’nun doğrudan entegre etmesini istiyorsanız gerekir.
Ne işe yarar
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.
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.
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.
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.
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 ö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 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.
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.
Ö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.
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.
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ı
Zaten bir React Native uygulamanız ve bir API'niz var. Flutter'da kataloğu yeniden yazmadan Ödeme Sayfası ödemesine ihtiyacınız var.
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 uygulaması bir ilk ödeme yöntemi toplarken abonelikler API'nizde ve halihazırda kullanıyorsanız Stripe Faturalandırmanızda kalır.
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 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
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ışı.
01
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.
02
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.
03
@stripe/stripe-react-native, Ödeme Sayfası sunumunu, yerel yapılandırmayı ve getirme sözleşmesini PaymentIntent uç noktanıza ekleyin.
04
Yayınlanabilir anahtarı env veya lezzet yoluyla bağlayın. Gizli anahtar ve web kancası API'de kalır.
05
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.
06
React Native kaynağını, env notlarını ve canlı anahtar kontrol listesini sunun. React Native uygulamasının bakımı size aittir.
Mimari
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.
Desteklenen teknolojiler
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.
Ödeme Tablosu ve cüzdanlar için Resmi Stripe React Native SDK.
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.
Stripe hesabınız, test ve canlı anahtarlarınız, API'deki webhook uç noktası ve Kontrol Paneli etkinlikleriniz.
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
Pricing
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
$145
tek seferlikReact Native
Backend gerekir mi?
Güvenli ödeme:stripe
Teslimat ve güvenlik
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.
Test modu kartları, 3-D Secure, iptal ve reddetme yolları, teslim edilmeden önce iOS ve Android'de uygulanır.
İstemcide yalnızca yayınlanabilir anahtar bulunur. Gizli anahtarlar ve web kancası sırları, React Native uygulamasının çağırdığı sunucuda kalır.
React Native, Stripe-Signature'ı doğrulamaz. API'niz bunu yapar, ardından React Native sonucu okur.
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
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.
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.
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, 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.
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 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 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.
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.
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 Ö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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Mevcut React Native uygulamanıza üretime hazır Stripe ödemelerini ekleyin, kaynak kodunu saklayın ve sırları API'nizde saklayın.
$145