- Mevcut Next.js projesi
- Stripe Test Mode erişimi
Depo erişimi gerekmez. Proje erişimi yalnızca Bacodo’nun doğrudan entegre etmesini istiyorsanız gerekir.
Next.js eklentisi
Sıfırdan ödeme, 3-D Secure ve Rota İşleyici kablolaması oluşturmadan mevcut Next.js Uygulama Yönlendirici projenize Şerit Ödeme veya Ödeme Öğesi, PaymentIntents ve imzalı web kancaları ekleyin.
Başlangıç
$145
USD · Next.js
Next.js için Stripe Entegrasyonu · Next.js
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 Next.js projesine entegre eder. Devir teslimden sonra uygulama deponuzda kalır, böylece ekibiniz onu okuyabilir, değiştirebilir ve genişletebilir. Stripe hesabı, API anahtarları ve Stripe ücretleri hâlâ size aittir.
Next.js'de kart ve cüzdan ödemesi için PaymentIntents, Checkout veya Payment Element, 3-D Secure, yalnızca sunucuya yönelik gizli anahtarlar ve imzaları doğrulayan bir webhook Rota İşleyicisi gerekir. Bu yolu sıfırdan inşa etmek yavaştır ve yanlış yapılması kolaydır.
Next.js istemcisine Stripe.js'yi, Ödeme Amaçları veya Ödeme Oturumları oluşturan Yönlendirme İşleyicilerini (veya Sunucu Eylemlerini), web kancası doğrulamasını, başarı/iptal sayfalarını ve Uygulama Yönlendiricisi için test/canlı ortam yapılandırmasını ekliyoruz.
Ekibiniz ilk üretim Stripe Next.js uygulamasını atlıyor: Uygulama Yönlendirici işleyicileri, SCA, hata durumları ve canlı anahtarların nasıl gönderileceğini belgeleyen bir devir teslim.
Halihazırda Next.js uygulamasına sahip olan ve sürdürebilecekleri bir üretim ödeme yolu isteyen geliştiriciler, teknik ekipler, ajanslar ve startup'lar.
Temel özellikler
Next.js ödeme sayfanızda barındırılan Stripe Checkout'u veya yerleşik bir Ödeme Öğesini kullanın. Kart girişi, 3-D Secure ve cüzdan düğmeleri, sakladığınız özel bir kart formunda değil, Stripe'ın PCI yolunda kalır.
Next.js Rota İşleyicilerinde Ödeme Oturumları veya PaymentIntent'ler oluşturun. Tarayıcı yalnızca yayınlanabilir anahtarı ve istemci sırrını kullanır; gizli anahtar hiçbir zaman bir İstemci Bileşeninde gönderilmez.
Stripe hesabınız ve alanınız doğrulandığında Stripe Checkout veya Payment Element'te cüzdan düğmelerini etkinleştirin. Next.js geri dönüşü kart ödemesinde kalır.
Next.js uygulamasını Stripe test anahtarları, test kartları ve canlı anahtarlara geçiş için belgelenmiş bir geçişle birlikte gönderin. Next.js ortam değişkenleri istemci paketinin dışında kalır.
Next.js kullanıcı arayüzündeki ödeme başarısı gerçeğin kaynağı değildir. Rota İşleyicisi, Stripe imzalarını doğrular ve yerine getirilmeden önce sipariş veya yetki durumunu günceller.
Reddedilen kartları, iptal edilen Ödemeyi, ağ hatalarını ve tamamlanmamış 3-D Secure'u ele alarak Next.js kullanıcı arayüzünün müşteriyi ölü bir sayfada bırakmamasını sağlayın.
Kullanım senaryoları
Next.js'de zaten sipariş veya rezervasyon alıyorsunuz ve kataloğu veya rezervasyon akışını yeniden yazmanıza gerek kalmadan kart ödemesine ihtiyacınız var.
Next.js'de sürdürülebilir bir Stripe yoluna, istemci deposundaki kaynağa ve tek seferlik Next.js prototipi yerine belgelenmiş bir canlı anahtar geçişine ihtiyacınız var.
Next.js uygulaması, abonelikler ve faturalar sunucunuzda ve halihazırda kullanıyorsanız Stripe Faturalandırmada kalırken ilk ödemeyi almalı veya bir ödeme yöntemini güncellemelidir.
Next.js uygulamasında müşteri ücretleriyle başlayın. Next.js pazaryeri modelinizin bunlara ihtiyacı varsa Stripe Connect veya hedef ücretleri ayrı olarak kapsamlandırılabilir.
Demo
Next.js ödeme yolunu önizleyin: sepet veya ödeme işlemi, Ödeme veya Ödeme Öğesi, 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
Uygulama Yönlendiricisi, Rota İşleyicileri ve mevcut veri katmanınız için Next.js ve Stripe'a özel kontroller içeren standart Bacodo eklenti iş akışı.
01
Next.js için Stripe Entegrasyonunu ve birinci gün ödeme işleminin Ödeme Öğesi mi yoksa Ödeme Öğesi mi barındırıldığını onaylayın.
02
Next.js sürümünü, Uygulama Yönlendiricisi ile Sayfa Yönlendiricisi karşılaştırmasını, mevcut ödeme kullanıcı arayüzünü, veritabanını ve halihazırda bir Stripe hesabınızın olup olmadığını inceleyin.
03
Stripe.js, ödeme sayfaları, oturumlar için Yönlendirme İşleyicileri veya PaymentIntents ve imzalı bir web kancası işleyicisi ekleyin.
04
Next.js test anahtarlarını, webhook uç noktasını ve ortama özel sunucu yapılandırmasını bağlayın.
05
Next.js uygulamasında Stripe test kartlarını, 3-D Secure'u, yolları iptal etme/reddetme ve webhook onayını çalıştırın.
06
Next.js kaynağını, yapılandırma notlarını ve canlı anahtar kontrol listesini sunun. Next.js uygulamasının bakımı size aittir.
Mimari
Next.js tarayıcısı asla Stripe ile gizli bir anahtarla konuşmaz. Ödeme veya Ödeme Öğesi, Rota İşleyicisinden gelen bir istemci sırrını kullanır. Stripe, tamamlamadan önce Next.js web kancanızı bilgilendirir.
Desteklenen teknolojiler
Uygulama Yönlendiricili mevcut kararlı Next.js varsayılandır. Next.js deponuzun zaten kullandığı şey buysa Pages Router'ın kapsamı belirlenebilir.
Next.js istemcisindeki resmi Stripe.js ve oturumlar, PaymentIntent'ler ve webhook doğrulaması için sunucudaki şerit.
Sipariş veya yetkilendirme güncellemeleri, Next.js uygulamanızın zaten kullandığı veritabanında veya API'de kalır. Arka ucunuzu yalnızca Bacodo'ya özgü bir hizmetle değiştirmeyiz.
Stripe hesabınız, Next.js tarafından kullanılan test ve canlı anahtarlarınız, webhook uç noktası ve Dashboard etkinlikleri. Stripe işlem ücretleri Stripe'a aittir.
Next.js Rota İşleyicilerini çalıştırabilen ve Stripe web kancalarını alabilen bir ana bilgisayar (örneğin Vercel veya Node sunucusu). Bu ödeme yolu için yalnızca statik dışa aktarma yeterli değildir.
Neler dahil
Pricing
Bu fiyat yalnızca Next.js platformu içindir. Django veya Flutter eklenti fiyatlandırmasını kullanmaz.
Next.js için Stripe Entegrasyonu
Üretime hazır Stripe ödemelerini mevcut bir Next.js uygulamasına ekleyin ve kaynak kodunu saklayın.
Gereksinimler
$145
tek seferlikNext.js
Backend gerekir mi?
Güvenli ödeme:stripe
Teslimat ve güvenlik
Tipik Next.js Stripe ödeme entegrasyonunun kapsamı Next.js uyumluluk kontrolünden sonra belirlenir. Zaman çizelgesi, mevcut Next.js ödeme kullanıcı arayüzüne ve veri katmanınıza bağlıdır.
Test modu kartları, 3-D Secure, iptal ve reddetme yolları, teslim edilmeden önce Next.js uygulamasında uygulanır.
Stripe gizli anahtarları ve webhook imzalama sırları sunucu ortamında kalır. Next.js tarayıcısı yalnızca yayınlanabilir bir anahtar ve kısa ömürlü istemci sırlarını alır.
Next.js webhook Rota İşleyicisi, siparişi veya yetkilendirme durumunu güncellemeden önce Stripe imzalarını doğrular.
PCI sertifikası, sıfır sahtekarlık veya garantili onay oranları talep etmiyoruz. Next.js kart verileri, sakladığımız özel bir kart formu değil, Stripe Checkout veya Payment Element aracılığıyla toplanır.
SSS
Next.js için Stripe Entegrasyonu, mevcut Next.js ödeme sayfanızda Stripe.js, Checkout veya Payment Element'i, Rota İşleyicilerinde PaymentIntent veya Checkout Oturumu oluşturmayı, imzalı bir webhook işleyicisini, test kapsamını ve devir notlarını içerir. Next.js kaynağını projenizde alırsınız. Stripe ücretleri ve Stripe hesabınız ayrıdır.
Evet. Next.js için Stripe Entegrasyonu, halihazırda sahip olduğunuz Next.js projesi için oluşturulmuştur. Teslimat olarak ayrı bir demo uygulaması göndermek yerine ödeme ve ödeme giriş noktasını mevcut Next.js rotalarınıza ve kullanıcı arayüzünüze sığdırıyoruz.
Evet, üretim Next.js Stripe yolu için. Ödeme Amaçları, Ödeme Oturumları ve gizli anahtar sunucuda bulunmalıdır. Next.js tarayıcısı yalnızca yayınlanabilir bir anahtar ve istemci sırrı alır. Yalnızca statik bir Next.js dışa aktarımı bu webhook yolunu barındıramaz.
Next.js için Stripe Entegrasyonu, istemcide resmi Stripe.js'yi ve Next.js Rota İşleyicilerinde Stripe Node SDK'yı kullanır. Açıkça gerek duymadığınız sürece Next.js ödemesini belgelenmemiş bir eklentiye sarmayız.
Stripe hesabınız, alan adı doğrulamanız ve cihazlarınız bunları desteklediğinde evet. Next.js'de cüzdan düğmeleri isteğe bağlı kapsamdadır. Next.js'deki Kart Ödemesi veya Ödeme Öğesi varsayılan yedek olarak kalır.
Next.js kapsamı için Varsayılan Stripe Entegrasyonu Uygulama Yönlendiricisidir. Next.js deponuzun zaten kullandığı şey buysa ve Next.js uyumluluk kontrolü sırasında bunu kabul ediyorsak, Pages Router API rotaları dahil edilebilir.
Next.js istemcisi bir PaymentIntent'i onaylayabilir veya Stripe.js aracılığıyla bir Ödeme Oturumu başlatabilir. Yinelenen Stripe Billing ürünleri, müşteri portalı ve fatura mantığı sunucuda yayındadır. Abonelik ağırlıklı Next.js çalışmaları için Özel Fiyat Teklifi gerekebilir.
Next.js tarayıcısı yalnızca Stripe yayınlanabilir anahtarını kullanır. Gizli anahtar ve web kancası imzalama sırrı, Yönlendiriciler tarafından kullanılan sunucu ortamı değişkenlerinde kalır. Next.js için Stripe Entegrasyonu, İstemci Bileşenlerine gizli anahtarlar yerleştirmez.
Next.js için Stripe Entegrasyonunu öncelikle Stripe test anahtarlarına ve test kartlarına uyguluyoruz. Canlı yayına geçmek, Stripe Dashboard'unuzda ve Next.js sunucu ortamınızda belgelenmiş bir anahtar ve web kancasının geçişidir, bir eklenti lisansı etkinleştirmesi değildir.
Stripe Checkout ve Ödeme Öğesi, Stripe.js aracılığıyla 3-D Secure'u yönetir. Next.js sayfası, Stripe son durumu döndürene kadar ödeme akışını canlı tutmalıdır; Next.js için Stripe Entegrasyonu bu durumları açıkça bağlar.
Next.js Ödeme veya Ödeme Öğesinden sonra yerine getirilmesi için evet. Next.js kullanıcı arayüzü gerçeğin kaynağı değildir. Rota İşleyicisi, 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. Next.js için Stripe Entegrasyonu genellikle Next.js ürününüzü, sepetinizi ve ödeme düğmenizi korur ve bu işlemden Ödeme Öğesini açar veya Ödeme Öğesini bağlar. Ham PAN verilerine dokunan özel bir Next.js kart formu, Ödeme veya Ödeme Öğesi 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. Next.js eklenti fiyatı, Bacodo ödeme lisansı değil, Next.js projenize uygulanmasıdır.
Hayır. Bir uygulama mağazasında satılan dijital ürünler genellikle hâlâ IAP gerektirir. Next.js için Stripe Entegrasyonu, Stripe'ın ürün türünüz için izin verilen bir ödeme yolu olduğu Next.js web sitesinde veya web uygulamasında Stripe ödemesi içindir.
Evet. PaymentIntent veya Checkout Session meta verileri, müşteri kayıtları ve webhook onayından sonra devam ettirdiğiniz alanlar, Next.js için Stripe Entegrasyonu sırasında mevcut Next.js sipariş modelinize hizalanır.
Next.js kaynağı deponuzda olduğundan ekibiniz bu kaynağın bakımını yapabilir. Dahil edilen 30 günlük destek, Next.js özelliği çalışmasıyla ilgili olmayan, teslim edilen Next.js kapsamındaki Stripe Entegrasyonu'ndaki teknik soruları ve kusurları kapsar.
30 günlük süre boyunca, teslim edilen Next.js entegrasyonunda belgelenen bir Stripe veya Stripe.js değişikliğinden kaynaklanan kesintilere yardımcı oluyoruz. Bundan sonra devam eden Next.js paketi yükseltmeleri bakımınızdır veya satın alırsanız Genişletilmiş Teknik Destektir.
Next.js ödeme yolundan PaymentIntent veya Checkout Oturumu durumunun, Stripe Dashboard günlüklerinin ve webhook tesliminin nasıl okunacağını belgeliyoruz. 30 günlük destek, sunulan Next.js akışı için sorun giderme reddedilmelerini, 3-D Secure'un devre dışı bırakılmasını ve yanlış yapılandırılmış anahtarları içerir.
Next.js sürümünüzü, Uygulama Yönlendiricinizi veya Sayfa Yönlendiricinizi ve Node çalışma zamanınızı, entegrasyon zamanında sabitlediğimiz Stripe SDK'ya göre doğrularız. Daha eski veya yoğun şekilde çatallanmış Next.js çalışma zamanları ekstra kapsam gerektirebilir.
Teslim edilen Next.js Stripe yolu için devir teslimden sonraki 30 gün dahildir. Genişletilmiş Teknik Destek, bu Next.js eklenti fiyatının %20'si karşılığında isteğe bağlıdır ve yeni bir ürün derlemesini değil, aynı Next.js entegrasyonuyla ilgili altı ay daha teknik yardımı kapsar.
Mevcut Next.js uygulamanıza üretime hazır Stripe ödemeleri ekleyin, kaynak kodunu saklayın ve sıfırdan bina ödemesini atlayın.
$145