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