- مشروع Next.js قائم
- الوصول إلى Stripe Test Mode
لا يلزم الوصول إلى المستودع. نحتاج صلاحية المشروع فقط إذا رغبتم أن تُدمج Bacodo الإضافة مباشرة.
الوظيفة الإضافية Next.js
قم بإضافة شريط Checkout أو عنصر الدفع وPaymentIntents وخطافات الويب الموقعة إلى مشروع Next.js App Router الموجود لديك دون إنشاء أسلاك الدفع والتأمين ثلاثي الأبعاد وRoute Handler من البداية.
من
$145
USD · Next.js
التكامل Stripeي لـ Next.js · Next.js
Requirements
لا يلزم الوصول إلى المستودع. نحتاج صلاحية المشروع فقط إذا رغبتم أن تُدمج Bacodo الإضافة مباشرة.
ماذا يفعل
يقوم Bacodo بدمج Stripe في مشروع Next.js الذي لديك بالفعل. بعد التسليم، يبقى التنفيذ في الريبو الخاص بك حتى يتمكن فريقك من قراءته وتغييره وتوسيعه. لا تزال تمتلك حساب Stripe ومفاتيح API ورسوم Stripe.
يحتاج الدفع بالبطاقة والمحفظة في Next.js إلى PaymentIntents، وCheckout أو Payment Element، و3-D Secure، ومفاتيح سرية للخادم فقط، ومعالج مسار webhook الذي يتحقق من التوقيعات. إن بناء هذا المسار من الصفر أمر بطيء ومن السهل أن نخطئ فيه.
نضيف Stripe.js على عميل Next.js، ومعالجات المسار (أو إجراءات الخادم) التي تنشئ PaymentIntents أو جلسات الدفع، والتحقق من خطاف الويب، وصفحات النجاح/الإلغاء، وتكوين بيئة الاختبار/المباشر لجهاز توجيه التطبيق.
يتخطى فريقك أول تطبيق إنتاجي لـ Stripe Next.js: معالجات جهاز توجيه التطبيق، وSCA، وحالات الخطأ، والتسليم الذي يوثق كيفية شحن المفاتيح المباشرة.
المطورون والفرق الفنية والوكالات والشركات الناشئة التي لديها بالفعل تطبيق Next.js وتريد مسار دفع الإنتاج الذي يمكنها الحفاظ عليه.
الميزات الأساسية
استخدم Stripe Checkout المستضاف أو عنصر الدفع المضمن في صفحة الدفع Next.js الخاصة بك. تظل أزرار إدخال البطاقة والتأمين ثلاثي الأبعاد وأزرار المحفظة على مسار PCI الخاص بـ Stripe - وليست نموذج بطاقة مخصص تقوم بتخزينه.
قم بإنشاء جلسات الدفع أو PaymentIntents في معالجات التوجيه Next.js. يستخدم المتصفح فقط المفتاح القابل للنشر وسر العميل - لا يتم تضمين المفتاح السري مطلقًا في مكون العميل.
قم بتمكين أزرار المحفظة في Stripe Checkout أو Payment Element عندما يتم التحقق من حساب Stripe والمجال الخاص بك. يبقى الإجراء الاحتياطي Next.js عند الخروج من البطاقة.
قم بشحن تطبيق Next.js مع مفاتيح اختبار Stripe وبطاقات الاختبار والتحويل الموثق للمفاتيح المباشرة. تظل متغيرات البيئة Next.js خارج حزمة العميل.
نجاح الدفع في واجهة مستخدم Next.js ليس مصدر الحقيقة. يتحقق معالج الطريق من توقيعات Stripe ويقوم بتحديث الطلب أو حالة الاستحقاق قبل التنفيذ.
تعامل مع البطاقات المرفوضة، وCheckout الملغاة، وفشل الشبكة، والتأمين ثلاثي الأبعاد غير المكتمل حتى لا تترك واجهة مستخدم Next.js العميل في صفحة ميتة.
حالات الاستخدام
أنت تتلقى بالفعل طلبات أو حجوزات في Next.js وتحتاج إلى الدفع بالبطاقة دون إعادة كتابة الكتالوج أو تدفق الحجز.
أنت بحاجة إلى مسار شريطي قابل للصيانة في Next.js، ومصدر في مستودع العميل، ومفتاح مباشر موثق بدلاً من نموذج Next.js الأولي لمرة واحدة.
يجب أن يقوم تطبيق Next.js بجمع الدفعة الأولى أو تحديث طريقة الدفع بينما تظل الاشتراكات والفواتير على الخادم الخاص بك وStripe Billing إذا كنت تستخدمها بالفعل.
ابدأ برسوم العملاء في تطبيق Next.js. يمكن تحديد نطاق رسوم Stripe Connect أو الوجهة بشكل منفصل إذا كان نموذج سوق Next.js الخاص بك يحتاج إليها.
عرض
قم بمعاينة مسار الخروج Next.js: عربة التسوق أو إجراء الدفع، أو عنصر الدفع أو الدفع، والتأكيد، وحالات الفشل. يتوفر وضع الحماية المباشر لحساب Stripe الخاص بك بعد التحقق من التوافق. هذه الصفحة لا تعالج الرسوم الحقيقية.
كيف يعمل
سير العمل الإضافي القياسي لـ Bacodo، مع عمليات التحقق الخاصة بـ Next.js وStripe لجهاز توجيه التطبيقات، ومعالجات الطريق، وطبقة البيانات الحالية لديك.
01
قم بتأكيد تكامل Stripe لـ Next.js وما إذا كان الدفع في اليوم الأول هو Checkout مستضاف أو عنصر الدفع.
02
قم بمراجعة إصدار Next.js، وApp Router vs Pages Router، وواجهة مستخدم الخروج الحالية، وقاعدة البيانات، وما إذا كان لديك بالفعل حساب Stripe.
03
أضف Stripe.js وصفحات الخروج ومعالجات المسار للجلسات أو PaymentIntents ومعالج خطاف الويب المُوقع.
04
مفاتيح اختبار سلك Next.js ونقطة نهاية خطاف الويب وتكوين الخادم الخاص بالبيئة.
05
قم بتشغيل بطاقات اختبار Stripe و3-D Secure ومسارات الإلغاء/الرفض وتأكيد خطاف الويب على تطبيق Next.js.
06
قم بتوصيل مصدر Next.js وملاحظات التكوين وقائمة التحقق من المفاتيح المباشرة. إن تنفيذ Next.js هو ملكك للمحافظة عليه.
الهندسة
لا يتحدث متصفح Next.js مطلقًا مع Stripe باستخدام مفتاح سري. يستخدم عنصر الدفع أو الدفع سر العميل من معالج الطريق. يقوم Stripe بإعلام خطاف الويب Next.js الخاص بك قبل التنفيذ.
التقنيات المدعومة
يعد Next.js المستقر الحالي مع App Router هو الإعداد الافتراضي. يمكن تحديد نطاق جهاز توجيه الصفحات إذا كان هذا هو ما يستخدمه مستودع Next.js الخاص بك بالفعل.
Stripe.js الرسمي على عميل Next.js وStripe على الخادم للجلسات وPaymentIntents والتحقق من webhook.
تظل تحديثات الطلب أو الاستحقاق في قاعدة البيانات أو واجهة برمجة التطبيقات التي يستخدمها تطبيق Next.js بالفعل. نحن لا نستبدل الواجهة الخلفية الخاصة بك بخدمة Bacodo فقط.
حساب Stripe الخاص بك والمفاتيح الاختبارية والمباشرة التي تستخدمها Next.js ونقطة نهاية webhook وأحداث Dashboard. تبقى رسوم معالجة Stripe مع Stripe.
مضيف يمكنه تشغيل Next.js Route Handlers واستقبال خطافات الويب Stripe (على سبيل المثال Vercel أو خادم Node). التصدير الثابت فقط ليس كافيًا لمسار الخروج هذا.
ما الذي يتضمنه
Pricing
هذا السعر مخصص لمنصة Next.js فقط. لا يستخدم التسعير الإضافي لـ Django أو Flutter.
التكامل Stripeي لـ Next.js
أضف مدفوعات Stripe الجاهزة للإنتاج إلى تطبيق Next.js الحالي واحتفظ بكود المصدر.
المتطلبات
$145
دفعة واحدةNext.js
تحتاجون باكند؟
دفع آمن عبرstripe
التسليم والأمان
يتم تحديد نطاق تكامل الخروج Stripeي Next.js النموذجي بعد التحقق من توافق Next.js. يعتمد المخطط الزمني على واجهة مستخدم الخروج الحالية من Next.js وطبقة البيانات.
يتم ممارسة بطاقات وضع الاختبار والتأمين ثلاثي الأبعاد ومسارات الإلغاء والرفض على تطبيق Next.js قبل التسليم.
تبقى المفاتيح السرية Stripeية وأسرار التوقيع على الويب في بيئة الخادم. يتلقى متصفح Next.js فقط مفتاحًا قابلاً للنشر وأسرار عميل قصيرة العمر.
يتحقق معالج مسار Webhook Next.js من توقيعات Stripe قبل تحديث الطلب أو حالة الاستحقاق.
نحن لا نطالب بالحصول على شهادة PCI، أو عدم الاحتيال، أو معدلات الموافقة المضمونة. يتم جمع بيانات بطاقة Next.js من خلال Stripe Checkout أو Payment Element، وليس نموذج بطاقة مخصصة نقوم بتخزينها.
الأسئلة الشائعة
يشتمل تكامل Stripe لـ Next.js على Stripe.js أو Checkout أو عنصر الدفع في صفحة الخروج Next.js الموجودة لديك، وإنشاء PaymentIntent أو Checkout Session في Route Handlers، ومعالج خطاف الويب الموقع، وتغطية الاختبار، وملاحظات التسليم. تتلقى مصدر Next.js في مشروعك. رسوم Stripe وحساب Stripe الخاص بك منفصلان.
نعم. تم تصميم Stripe Integration for Next.js لمشروع Next.js الموجود لديك بالفعل. نحن نلائم نقطة الدفع ونقطة الدفع في مسارات Next.js الحالية وواجهة المستخدم بدلاً من شحن تطبيق تجريبي منفصل باعتباره التسليم.
نعم لمسار شريطي Next.js للإنتاج. يجب أن تكون PaymentIntents وجلسات الدفع والمفتاح السري موجودة على الخادم. يتلقى متصفح Next.js فقط مفتاحًا قابلاً للنشر وسرًا للعميل. لا يمكن لتصدير Next.js الثابت فقط أن يستضيف مسار خطاف الويب هذا.
يستخدم Stripe Integration لـ Next.js Stripe.js الرسمي على العميل وStripe Node SDK في Next.js Route Handlers. نحن لا نضمن عملية الدفع Next.js في مكون إضافي غير موثق إلا إذا طلبت ذلك صراحةً.
نعم عندما يدعمها حساب Stripe الخاص بك والتحقق من المجال والأجهزة. في Next.js، تكون أزرار المحفظة نطاقًا اختياريًا. يظل عنصر الدفع أو الدفع بالبطاقة في Next.js هو الإجراء الاحتياطي الافتراضي.
التكامل Stripeي الافتراضي لنطاق Next.js هو جهاز توجيه التطبيقات. يمكن تضمين مسارات API لجهاز توجيه الصفحات إذا كان هذا هو ما يستخدمه مستودع Next.js الخاص بك بالفعل وقد وافقنا عليه أثناء التحقق من توافق Next.js.
يمكن لعميل Next.js تأكيد PaymentIntent أو بدء جلسة الدفع من خلال Stripe.js. منتجات الفوترة Stripeية المتكررة وبوابة العملاء ومنطق الفاتورة مباشرة على الخادم. قد يحتاج عمل Next.js الذي يتطلب اشتراكًا كبيرًا إلى عرض أسعار مخصص.
يستخدم متصفح Next.js فقط مفتاح Stripe القابل للنشر. يبقى المفتاح السري وسر التوقيع على الويب في متغيرات بيئة الخادم التي تستخدمها معالجات الطريق. لا يضع تكامل Stripe لـ Next.js مفاتيح سرية في مكونات العميل.
نقوم بتنفيذ Stripe Integration لـ Next.js مقابل مفاتيح اختبار Stripe وبطاقات الاختبار أولاً. يعد البث المباشر عبارة عن مفتاح موثق وخطاف ويب في لوحة تحكم Stripe وبيئة خادم Next.js، وليس تنشيطًا لترخيص إضافي.
يتعامل Stripe Checkout وعنصر الدفع مع الأمان ثلاثي الأبعاد من خلال Stripe.js. يجب أن تحافظ صفحة Next.js على تدفق عملية الدفع حتى يُرجع Stripe الحالة النهائية؛ يقوم تكامل Stripe لـ Next.js بتوصيل تلك الحالات بشكل صريح.
نعم للوفاء بعد الدفع أو الدفع في Next.js. واجهة مستخدم Next.js ليست مصدر الحقيقة. يتحقق معالج الطريق من توقيعات Stripe على الويب ثم يقوم بوضع علامة على الطلب المدفوع أو فتح المحتوى أو إخطار التنفيذ.
نعم. عادةً ما يحتفظ Stripe Integration لـ Next.js بمنتج Next.js وعربة التسوق وزر الدفع ويفتح Checkout أو يقوم بتحميل عنصر الدفع من هذا الإجراء. يعد نموذج بطاقة Next.js المخصص الذي يمس بيانات PAN الأولية خارج النطاق الافتراضي لأن Checkout أو Payment Element هو مسار PCI الأكثر أمانًا.
لا، أنت تقوم بإنشاء وامتلاك حساب Stripe ومفاتيح API ورسوم معالجة Stripe. سعر الوظيفة الإضافية Next.js هو التنفيذ في مشروع Next.js الخاص بك، وليس ترخيص دفع Bacodo.
لا. غالبًا ما تظل السلع الرقمية التي يتم بيعها داخل متجر التطبيقات تتطلب الشراء داخل التطبيق (IAP). تكامل Stripe لـ Next.js مخصص للدفع Stripe في موقع ويب Next.js أو تطبيق ويب حيث يكون Stripe هو مسار الدفع المسموح به لنوع منتجك.
نعم. تتم محاذاة البيانات التعريفية لـ PaymentIntent أو Checkout Session وسجلات العملاء والحقول التي تستمر فيها بعد تأكيد خطاف الويب مع نموذج طلب Next.js الحالي أثناء تكامل Stripe لـ Next.js.
مصدر Next.js موجود في الريبو الخاص بك، حتى يتمكن فريقك من الحفاظ عليه. يغطي الدعم المضمن لمدة 30 يومًا الأسئلة الفنية والعيوب في تكامل Stripe الذي تم تسليمه لنطاق Next.js، وليس عمل ميزات Next.js غير ذي الصلة.
خلال فترة الـ 30 يومًا، نساعد في حل العطل في تكامل Next.js الذي تم تسليمه بسبب تغيير Stripe أو Stripe.js الموثق. ترقيات حزمة Next.js المستمرة بعد ذلك هي الصيانة الخاصة بك، أو الدعم الفني الموسع إذا قمت بشرائه.
نقوم بتوثيق كيفية قراءة حالة PaymentIntent أو Checkout Session، وسجلات Stripe Dashboard، وتسليم webhook من مسار الخروج Next.js. يتضمن الدعم لمدة 30 يومًا عمليات رفض استكشاف الأخطاء وإصلاحها، وعمليات إسقاط الأمان ثلاثي الأبعاد، والمفاتيح التي تمت تهيئتها بشكل خاطئ لتدفق Next.js الذي تم تسليمه.
لقد قمنا بتأكيد إصدار Next.js وجهاز توجيه التطبيقات أو جهاز توجيه الصفحات ووقت تشغيل العقدة مقابل Stripe SDK الذي نقوم بتثبيته في وقت التكامل. قد تحتاج أوقات تشغيل Next.js الأقدم أو المتشعبة بشكل كبير إلى نطاق إضافي.
يتم تضمين 30 يومًا بعد التسليم لمسار شريط Next.js الذي تم تسليمه. يعد الدعم الفني الموسع اختياريًا بنسبة 20% من سعر الوظيفة الإضافية Next.js ويغطي ستة أشهر إضافية من المساعدة الفنية بشأن نفس تكامل Next.js، وليس إنشاء منتج جديد.
أضف دفعات Stripe الجاهزة للإنتاج إلى تطبيق Next.js الموجود لديك، واحتفظ بكود المصدر، وتخطى عملية الدفع من البداية.
$145