- मौजूदा Next.js प्रोजेक्ट
- Stripe Test Mode एक्सेस
रिपॉजिटरी एक्सेस ज़रूरी नहीं। प्रोजेक्ट एक्सेस तभी चाहिए जब आप चाहें कि Bacodo सीधे इंटीग्रेट करे।
Next.js ऐड-ऑन
बिना चेकआउट, 3-डी सिक्योर और रूट हैंडलर वायरिंग के अपने मौजूदा नेक्स्ट.जेएस ऐप राउटर प्रोजेक्ट में स्ट्राइप चेकआउट या पेमेंट एलिमेंट, पेमेंटइंटेंट और हस्ताक्षरित वेबहुक जोड़ें।
से
$145
USD · Next.js
नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन · Next.js
Requirements
रिपॉजिटरी एक्सेस ज़रूरी नहीं। प्रोजेक्ट एक्सेस तभी चाहिए जब आप चाहें कि Bacodo सीधे इंटीग्रेट करे।
यह क्या करता है
बेकोडो स्ट्राइप को आपके पास पहले से मौजूद Next.js प्रोजेक्ट में एकीकृत करता है। हैंडओवर के बाद, कार्यान्वयन आपके रेपो में रहता है ताकि आपकी टीम इसे पढ़ सके, बदल सके और विस्तारित कर सके। आपके पास अभी भी स्ट्राइप खाता, एपीआई कुंजी और स्ट्राइप फीस का स्वामित्व है।
नेक्स्ट.जेएस में कार्ड और वॉलेट चेकआउट के लिए पेमेंटइंटेंट्स, चेकआउट या पेमेंट एलिमेंट, 3-डी सिक्योर, केवल सर्वर गुप्त कुंजी और एक वेबहुक रूट हैंडलर की आवश्यकता होती है जो हस्ताक्षरों को सत्यापित करता है। शुरुआत से उस रास्ते का निर्माण करना धीमा है और गलती करना आसान है।
हम नेक्स्ट.जेएस क्लाइंट, रूट हैंडलर (या सर्वर एक्शन) पर स्ट्राइप.जेएस जोड़ते हैं जो पेमेंटइंटेंट या चेकआउट सत्र, वेबहुक सत्यापन, सफलता/रद्द पृष्ठ और ऐप राउटर के लिए परीक्षण/लाइव वातावरण कॉन्फ़िगरेशन बनाते हैं।
आपकी टीम पहले प्रोडक्शन स्ट्राइप नेक्स्ट.जेएस कार्यान्वयन को छोड़ देती है: ऐप राउटर हैंडलर, एससीए, त्रुटि स्थिति, और एक हैंडओवर जो लाइव कुंजियों को शिप करने के तरीके का दस्तावेजीकरण करता है।
डेवलपर्स, तकनीकी टीमें, एजेंसियां, और स्टार्टअप जिनके पास पहले से ही Next.js ऐप है और वे एक उत्पादन भुगतान पथ चाहते हैं जिसे वे बनाए रख सकें।
मुख्य फ़ीचर
अपने Next.js चेकआउट पृष्ठ पर होस्ट किए गए स्ट्राइप चेकआउट या एम्बेडेड भुगतान तत्व का उपयोग करें। कार्ड एंट्री, 3-डी सिक्योर और वॉलेट बटन स्ट्राइप के पीसीआई पथ पर रहते हैं - आपके द्वारा स्टोर किया गया कोई कस्टम कार्ड नहीं।
नेक्स्ट.जेएस रूट हैंडलर्स में चेकआउट सेशन या पेमेंटइंटेंट बनाएं। ब्राउज़र केवल प्रकाशन योग्य कुंजी और क्लाइंट रहस्य का उपयोग करता है - गुप्त कुंजी कभी भी क्लाइंट घटक में शिप नहीं की जाती है।
जब आपका स्ट्राइप खाता और डोमेन सत्यापित हो जाए तो स्ट्राइप चेकआउट या भुगतान तत्व में वॉलेट बटन सक्षम करें। Next.js फ़ॉलबैक कार्ड चेकआउट पर रहता है।
नेक्स्ट.जेएस ऐप को स्ट्राइप टेस्ट कुंजी, टेस्ट कार्ड और लाइव कुंजी के दस्तावेजी कटओवर के साथ शिप करें। Next.js पर्यावरण चर क्लाइंट बंडल से बाहर रहते हैं।
नेक्स्ट.जेएस यूआई में भुगतान की सफलता सच्चाई का स्रोत नहीं है। रूट हैंडलर स्ट्राइप हस्ताक्षरों की पुष्टि करता है और पूर्ति से पहले ऑर्डर या पात्रता स्थिति को अपडेट करता है।
अस्वीकृत कार्ड, रद्द किए गए चेकआउट, नेटवर्क विफलताओं और अपूर्ण 3-डी सिक्योर को संभालें ताकि नेक्स्ट.जेएस यूआई ग्राहक को मृत पृष्ठ पर न छोड़े।
उपयोग के मामले
आप पहले से ही Next.js में ऑर्डर या बुकिंग ले रहे हैं और आपको कैटलॉग या बुकिंग फ़्लो को दोबारा लिखे बिना कार्ड चेकआउट की आवश्यकता है।
आपको नेक्स्ट.जेएस में एक रखरखाव योग्य स्ट्राइप पथ, क्लाइंट रेपो में स्रोत और वन-ऑफ नेक्स्ट.जेएस प्रोटोटाइप के बजाय एक दस्तावेजित लाइव-कुंजी कटओवर की आवश्यकता है।
Next.js ऐप को पहला भुगतान एकत्र करना होगा या भुगतान विधि को अपडेट करना होगा, जबकि सदस्यता और चालान आपके सर्वर पर रहेंगे और यदि आप पहले से ही उनका उपयोग कर रहे हैं तो स्ट्राइप बिलिंग।
Next.js ऐप में ग्राहक शुल्क से शुरुआत करें। यदि आपके नेक्स्ट.जेएस मार्केटप्लेस मॉडल को उनकी आवश्यकता है तो स्ट्राइप कनेक्ट या डेस्टिनेशन शुल्क को अलग से लागू किया जा सकता है।
डेमो
Next.js चेकआउट पथ का पूर्वावलोकन करें: कार्ट या भुगतान कार्रवाई, चेकआउट या भुगतान तत्व, पुष्टिकरण, और विफलता स्थिति। संगतता जांच के बाद आपके स्ट्राइप खाते के विरुद्ध एक लाइव सैंडबॉक्स उपलब्ध है। यह पृष्ठ वास्तविक शुल्कों पर कार्रवाई नहीं करता है.
यह कैसे काम करता है
ऐप राउटर, रूट हैंडलर और आपके मौजूदा डेटा लेयर के लिए नेक्स्ट.जेएस और स्ट्राइप-विशिष्ट जांच के साथ मानक बेकोडो ऐड-ऑन वर्कफ़्लो।
01
नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन की पुष्टि करें और क्या पहले दिन का चेकआउट चेकआउट या पेमेंट एलिमेंट होस्ट किया गया है।
02
नेक्स्ट.जेएस संस्करण, ऐप राउटर बनाम पेज राउटर, मौजूदा चेकआउट यूआई, डेटाबेस और क्या आपके पास पहले से ही स्ट्राइप खाता है, इसकी समीक्षा करें।
03
स्ट्राइप.जेएस, चेकआउट पेज, सत्र या पेमेंटइंटेंट के लिए रूट हैंडलर और एक हस्ताक्षरित वेबहुक हैंडलर जोड़ें।
04
वायर नेक्स्ट.जेएस परीक्षण कुंजी, वेबहुक एंडपॉइंट, और पर्यावरण-विशिष्ट सर्वर कॉन्फ़िगरेशन।
05
नेक्स्ट.जेएस ऐप पर स्ट्राइप टेस्ट कार्ड, 3-डी सिक्योर, कैंसिल/डिक्लाइन पाथ और वेबहुक पुष्टिकरण चलाएं।
06
Next.js स्रोत, कॉन्फिग नोट्स और एक लाइव-कुंजी चेकलिस्ट वितरित करें। Next.js कार्यान्वयन को बनाए रखना आपका है।
आर्किटेक्चर
नेक्स्ट.जेएस ब्राउज़र कभी भी स्ट्राइप से गुप्त कुंजी से बात नहीं करता है। चेकआउट या भुगतान तत्व रूट हैंडलर से क्लाइंट रहस्य का उपयोग करता है। आपके पूरा होने से पहले स्ट्राइप आपके Next.js वेबहुक को सूचित करता है।
समर्थित तकनीकें
ऐप राउटर के साथ वर्तमान स्थिर Next.js डिफ़ॉल्ट है। यदि आपका Next.js रेपो पहले से ही इसका उपयोग कर रहा है तो पेज राउटर का दायरा बढ़ाया जा सकता है।
नेक्स्ट.जेएस क्लाइंट पर आधिकारिक स्ट्राइप.जेएस और सत्र, पेमेंटइंटेंट्स और वेबहुक सत्यापन के लिए सर्वर पर स्ट्राइप।
ऑर्डर या पात्रता अपडेट आपके Next.js ऐप द्वारा पहले से उपयोग किए जा रहे डेटाबेस या एपीआई में रहते हैं। हम आपके बैकएंड को केवल बकोडो सेवा से प्रतिस्थापित नहीं करते हैं।
आपका स्ट्राइप खाता, परीक्षण और लाइव कुंजियाँ Next.js, वेबहुक एंडपॉइंट और डैशबोर्ड ईवेंट द्वारा उपयोग की जाती हैं। स्ट्राइप प्रसंस्करण शुल्क स्ट्राइप के पास रहता है।
एक होस्ट जो नेक्स्ट.जेएस रूट हैंडलर चला सकता है और स्ट्राइप वेबहुक प्राप्त कर सकता है (उदाहरण के लिए वर्सेल या नोड सर्वर)। इस चेकआउट पथ के लिए केवल स्थैतिक निर्यात पर्याप्त नहीं है।
क्या शामिल है
Pricing
यह कीमत केवल Next.js प्लेटफ़ॉर्म के लिए है। यह Django या फ़्लटर ऐड-ऑन मूल्य निर्धारण का उपयोग नहीं करता है।
नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन
मौजूदा Next.js ऐप में उत्पादन के लिए तैयार स्ट्राइप भुगतान जोड़ें और स्रोत कोड रखें।
आवश्यकताएँ
$145
एक बारNext.js
बैकएंड चाहिए?
सुरक्षित चेकआउट:stripe
डिलीवरी और सुरक्षा
विशिष्ट नेक्स्ट.जेएस स्ट्राइप चेकआउट एकीकरण का दायरा नेक्स्ट.जेएस संगतता जांच के बाद होता है। टाइमलाइन आपके वर्तमान नेक्स्ट.जेएस चेकआउट यूआई और डेटा लेयर पर निर्भर करती है।
टेस्ट-मोड कार्ड, 3-डी सिक्योर, कैंसल और डिक्लाइन पाथ का प्रयोग हमारे सौंपने से पहले नेक्स्ट.जेएस ऐप पर किया जाता है।
स्ट्राइप सीक्रेट कुंजियाँ और वेबहुक साइनिंग सीक्रेट्स सर्वर एनवी में रहते हैं। Next.js ब्राउज़र केवल एक प्रकाशन योग्य कुंजी और अल्पकालिक क्लाइंट रहस्य प्राप्त करता है।
नेक्स्ट.जेएस वेबहुक रूट हैंडलर ऑर्डर या एंटाइटेलमेंट स्थिति को अपडेट करने से पहले स्ट्राइप हस्ताक्षरों को सत्यापित करता है।
हम पीसीआई प्रमाणीकरण, शून्य धोखाधड़ी, या गारंटीकृत अनुमोदन दरों का दावा नहीं करते हैं। Next.js कार्ड डेटा स्ट्राइप चेकआउट या पेमेंट एलिमेंट के माध्यम से एकत्र किया जाता है, न कि किसी कस्टम कार्ड फॉर्म के माध्यम से जिसे हम संग्रहीत करते हैं।
प्रश्न
नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन में आपके मौजूदा नेक्स्ट.जेएस चेकआउट पेज पर स्ट्राइप.जेएस, चेकआउट या पेमेंट एलिमेंट, रूट हैंडलर्स में पेमेंटइंटेंट या चेकआउट सेशन निर्माण, एक हस्ताक्षरित वेबहुक हैंडलर, टेस्ट कवरेज और हैंडओवर नोट्स शामिल हैं। आपको अपने प्रोजेक्ट में Next.js स्रोत प्राप्त होता है। स्ट्राइप फीस और आपका स्ट्राइप खाता अलग-अलग हैं।
हाँ. Next.js के लिए स्ट्राइप इंटीग्रेशन आपके पास पहले से मौजूद Next.js प्रोजेक्ट के लिए बनाया गया है। हम डिलीवरी योग्य के रूप में एक अलग डेमो ऐप भेजने के बजाय चेकआउट और भुगतान प्रविष्टि बिंदु को आपके वर्तमान नेक्स्ट.जेएस रूट और यूआई में फिट करते हैं।
हाँ, उत्पादन Next.js स्ट्राइप पथ के लिए। पेमेंटइंटेंट, चेकआउट सत्र और गुप्त कुंजी सर्वर पर मौजूद होनी चाहिए। Next.js ब्राउज़र को केवल एक प्रकाशन योग्य कुंजी और क्लाइंट रहस्य प्राप्त होता है। केवल-स्थैतिक Next.js निर्यात इस वेबहुक पथ को होस्ट नहीं कर सकता।
नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन क्लाइंट पर आधिकारिक स्ट्राइप.जेएस और नेक्स्ट.जेएस रूट हैंडलर में स्ट्राइप नोड एसडीके का उपयोग करता है। जब तक आपको स्पष्ट रूप से इसकी आवश्यकता न हो, हम Next.js चेकआउट को किसी गैर-दस्तावेजी प्लगइन में नहीं लपेटते।
हां, जब आपका स्ट्राइप खाता, डोमेन सत्यापन और डिवाइस उनका समर्थन करते हैं। Next.js में, वॉलेट बटन वैकल्पिक दायरे हैं। Next.js पर कार्ड चेकआउट या भुगतान तत्व डिफ़ॉल्ट फ़ॉलबैक रहता है।
Next.js स्कोप के लिए डिफ़ॉल्ट स्ट्राइप इंटीग्रेशन ऐप राउटर है। पेज राउटर एपीआई रूट को शामिल किया जा सकता है यदि आपका Next.js रेपो पहले से ही इसका उपयोग करता है और हम Next.js संगतता जांच के दौरान इस पर सहमत होते हैं।
नेक्स्ट.जेएस क्लाइंट पेमेंटइंटेंट की पुष्टि कर सकता है या स्ट्राइप.जेएस के माध्यम से चेकआउट सत्र शुरू कर सकता है। आवर्ती स्ट्राइप बिलिंग उत्पाद, ग्राहक पोर्टल और चालान तर्क सर्वर पर रहते हैं। सदस्यता-भारी Next.js कार्य के लिए कस्टम उद्धरण की आवश्यकता हो सकती है।
Next.js ब्राउज़र केवल स्ट्राइप प्रकाशन योग्य कुंजी का उपयोग करता है। रूट हैंडलर्स द्वारा उपयोग किए जाने वाले सर्वर वातावरण चर में गुप्त कुंजी और वेबहुक हस्ताक्षर गुप्त रहते हैं। नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन क्लाइंट कंपोनेंट्स में गुप्त कुंजी नहीं डालता है।
हम पहले स्ट्राइप टेस्ट कुंजी और टेस्ट कार्ड के विरुद्ध नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन लागू करते हैं। लाइव होना आपके स्ट्राइप डैशबोर्ड और नेक्स्ट.जेएस सर्वर वातावरण में एक प्रलेखित कुंजी और वेबहुक कटओवर है, ऐड-ऑन लाइसेंस सक्रियण नहीं।
स्ट्राइप चेकआउट और पेमेंट एलिमेंट हैंडल स्ट्राइप.जेएस के माध्यम से 3-डी सिक्योर। नेक्स्ट.जेएस पेज को चेकआउट प्रवाह को तब तक सक्रिय रखना चाहिए जब तक कि स्ट्राइप अंतिम स्थिति न दे दे; नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन उन राज्यों को स्पष्ट रूप से तार देता है।
Next.js चेकआउट या भुगतान तत्व के बाद पूर्ति के लिए हाँ। नेक्स्ट.जेएस यूआई सत्य का स्रोत नहीं है। एक रूट हैंडलर स्ट्राइप वेबहुक हस्ताक्षरों को सत्यापित करता है और फिर भुगतान किए गए ऑर्डर को चिह्नित करता है, सामग्री को अनलॉक करता है, या पूर्ति को सूचित करता है।
हाँ. नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन आम तौर पर आपके नेक्स्ट.जेएस उत्पाद, कार्ट और पे बटन को रखता है और चेकआउट खोलता है या उस क्रिया से भुगतान तत्व को माउंट करता है। एक कस्टम नेक्स्ट.जेएस कार्ड फॉर्म जो कच्चे पैन डेटा को छूता है वह डिफ़ॉल्ट दायरे से बाहर है क्योंकि चेकआउट या भुगतान तत्व सुरक्षित पीसीआई पथ है।
नहीं, आप स्ट्राइप खाता, एपीआई कुंजी और स्ट्राइप प्रोसेसिंग फीस बनाते हैं और उसके स्वामी हैं। Next.js ऐड-ऑन मूल्य आपके Next.js प्रोजेक्ट में लागू किया जा रहा है, न कि बैकोडो भुगतान लाइसेंस में।
नहीं, ऐप स्टोर के अंदर बेचे जाने वाले डिजिटल सामानों को अक्सर IAP की आवश्यकता होती है। नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन नेक्स्ट.जेएस वेबसाइट या वेब ऐप में स्ट्राइप चेकआउट के लिए है, जहां स्ट्राइप आपके उत्पाद प्रकार के लिए एक अनुमत भुगतान पथ है।
हाँ. पेमेंटइंटेंट या चेकआउट सत्र मेटाडेटा, ग्राहक रिकॉर्ड, और वेबहुक पुष्टिकरण के बाद आपके द्वारा बनाए गए फ़ील्ड नेक्स्ट.जेएस के लिए स्ट्राइप इंटीग्रेशन के दौरान आपके मौजूदा नेक्स्ट.जेएस ऑर्डर मॉडल से संरेखित होते हैं।
Next.js स्रोत आपके रेपो में है, इसलिए आपकी टीम इसे बनाए रख सकती है। शामिल 30-दिवसीय समर्थन नेक्स्ट.जेएस स्कोप के लिए वितरित स्ट्राइप इंटीग्रेशन में तकनीकी प्रश्नों और दोषों को कवर करता है, न कि असंबंधित नेक्स्ट.जेएस फीचर कार्य को।
30-दिन की विंडो के दौरान हम प्रलेखित स्ट्राइप या स्ट्राइप.जेएस परिवर्तन के कारण वितरित नेक्स्ट.जेएस एकीकरण में आई टूट-फूट को दूर करने में मदद करते हैं। यदि आप इसे खरीदते हैं तो उसके बाद चल रहे Next.js पैकेज अपग्रेड आपके रखरखाव, या विस्तारित तकनीकी सहायता हैं।
हम नेक्स्ट.जेएस चेकआउट पथ से पेमेंटइंटेंट या चेकआउट सत्र स्थिति, स्ट्राइप डैशबोर्ड लॉग और वेबहुक डिलीवरी को पढ़ने का तरीका बताते हैं। 30-दिवसीय समर्थन में समस्या निवारण गिरावट, 3-डी सिक्योर ड्रॉप्स और डिलीवर नेक्स्ट.जेएस प्रवाह के लिए गलत कॉन्फ़िगर की गई कुंजियाँ शामिल हैं।
हम आपके Next.js संस्करण, ऐप राउटर या पेज राउटर और नोड रनटाइम की पुष्टि उस स्ट्राइप एसडीके के विरुद्ध करते हैं जिसे हम एकीकरण के समय पिन करते हैं। पुराने या भारी फोर्कड नेक्स्ट.जेएस रनटाइम को अतिरिक्त गुंजाइश की आवश्यकता हो सकती है।
हैंडओवर के 30 दिन बाद डिलीवर किए गए नेक्स्ट.जेएस स्ट्राइप पथ में शामिल हैं। इस नेक्स्ट.जेएस ऐड-ऑन मूल्य के 20% पर विस्तारित तकनीकी सहायता वैकल्पिक है और उसी नेक्स्ट.जेएस एकीकरण पर छह महीने की तकनीकी सहायता शामिल है, न कि कोई नया उत्पाद निर्माण।
अपने मौजूदा नेक्स्ट.जेएस ऐप में उत्पादन के लिए तैयार स्ट्राइप भुगतान जोड़ें, स्रोत कोड रखें, और स्क्रैच से बिल्डिंग चेकआउट छोड़ें।
$145