भुगतान जोड़ना
Stripe और कृत्रिम बुद्धिमत्ता के साथ अपने उत्पाद के लिए शुल्क लें।
भुगतान जोड़ना, CoddyKit पर वाइब कोडिंग का एक निःशुल्क पाठ है। यह 4 में से 3वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह वाइब कोडिंग सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
भुगतान प्राप्त करना
ऐसा सत्यापित उत्पाद जिसे लोग पसंद करते हैं, व्यवसाय बन सकता है — जिस क्षण आप उन्हें भुगतान करने देते हैं। पैसे लेना भी अंतिम सत्यापन है: क्रेडिट कार्ड से बेहतर मूल्य का प्रमाण कुछ नहीं।
अच्छी बात यह है कि आपको भुगतान विशेषज्ञ होने की ज़रूरत नहीं है। Stripe कठिन और डरावने हिस्सों (कार्ड, सुरक्षा, कर) को सँभालता है, और AI इसे आपके ऐप में चरण-दर-चरण जोड़ सकता है। इस पाठ में आप वाइब-कोडिंग के तरीके से भुगतान जोड़ेंगे।
Stripe क्यों
Stripe स्वतंत्र निर्माताओं के लिए डिफ़ॉल्ट विकल्प है। यह डेवलपर-अनुकूल है, दुनिया भर के कार्ड सँभालता है, सुरक्षा और अनुपालन का प्रबंधन करता है, और इसके विश्व-स्तरीय दस्तावेज़ों को AI उपकरण अच्छी तरह समझते हैं।
आप कुछ मुख्य विचारों के साथ काम करेंगे: Products (आप क्या बेचते हैं), Prices (कितनी कीमत, एक बार या बार-बार), Checkout (भुगतान पृष्ठ) और webhooks (Stripe द्वारा आपके ऐप को यह बताना कि भुगतान हुआ है)।
आपको इन्हें याद करने की ज़रूरत नहीं है — AI से इन्हें सेट अप करने को कहें।
भुगतान लिंक से शुरुआत करें
भुगतान प्राप्त करने का सबसे तेज़ तरीका शून्य कोड है: Stripe का Payment Link। आप Stripe डैशबोर्ड में उत्पाद बनाते हैं, एक URL प्राप्त करते हैं और उसे एक बटन के पीछे लगा देते हैं।
यह शुरुआती MVP के लिए बिल्कुल सही है — ऐप में वास्तविक बिलिंग बनाने से पहले परख लें कि लोग सचमुच भुगतान करेंगे।
I want the simplest possible way to charge $9/month for my web app's Pro plan.
- Walk me through creating a Stripe Payment Link in the dashboard (no coding)
- Show me how to add it as an 'Upgrade to Pro' button in my HTML
- Explain what happens after the user pays and how I'd know they paid
Keep it shippable today; I'll add automation later.एकमुश्त बनाम सदस्यता
बनाना शुरू करने से पहले तय करें कि आप शुल्क कैसे लेंगे। एकमुश्त भुगतान एकल खरीदारी (टेम्पलेट, पाठ्यक्रम या आजीवन पहुँच) के लिए उपयुक्त होते हैं। सदस्यताएँ नियमित समय-सारणी (मासिक या वार्षिक) के अनुसार शुल्क लेती हैं — अधिकांश SaaS के पीछे यही मॉडल है।
सदस्यताएँ अनुमानित, आवर्ती आय देती हैं, लेकिन जटिलता भी बढ़ाती हैं: नवीनीकरण, रद्दीकरण और विफल भुगतान। पहले सशुल्क उत्पाद के लिए, कई निर्माता एक सरल मासिक योजना और उसके साथ कम कीमत वाला वार्षिक विकल्प शुरू करते हैं।
AI की मदद से Stripe Checkout जोड़ें
जब Payment Links आपके लिए पर्याप्त न रहें, तब Stripe Checkout पर जाएँ: यह Stripe द्वारा होस्ट किया गया एक सुरक्षित पृष्ठ है, जिस पर आपका ऐप उपयोगकर्ताओं को भेजता है। आपका सर्वर एक "checkout session" बनाता है और बाकी काम Stripe संभालता है।
AI से बैकएंड मार्ग और फ्रंटएंड बटन, दोनों का प्रारंभिक ढाँचा तैयार करने को कहें। अपने तकनीकी ढाँचे के बारे में स्पष्ट रहें, ताकि कोड आपके अनुरूप बने।
Add Stripe Checkout to my app (Node.js + Express backend, plain JS frontend).
1. A backend route POST /create-checkout-session that creates a subscription Checkout session for my $9/month price.
2. A frontend 'Upgrade' button that calls it and redirects the user to Stripe.
3. Use my Stripe secret key from an environment variable, never hardcoded.
4. Explain each part as you go.वेबहुक से भुगतान की पुष्टि करें
आपके ऐप को कैसे पता चलता है कि भुगतान सफल हुआ? Stripe एक वेबहुक भेजता है — घटनाएँ होने पर (जैसे checkout.session.completed) आपके सर्वर को भेजा जाने वाला स्वचालित संदेश।
यहीं आप किसी उपयोगकर्ता को "Pro" में बदलते हैं। JavaScript में वेबहुक घटना को संभालने का तरीका कुछ ऐसा होता है — इसे सरल बनाया गया है, ताकि आप AI द्वारा बनाए गए तर्क को देख सकें।
function handleStripeEvent(event) {
if (event.type === 'checkout.session.completed') {
const userId = event.data.object.client_reference_id;
upgradeToPro(userId);
return 'upgraded ' + userId;
}
return 'ignored ' + event.type;
}
function upgradeToPro(userId) {
console.log('User', userId, 'is now Pro');
}
const fakeEvent = {
type: 'checkout.session.completed',
data: { object: { client_reference_id: 'user_42' } }
};
console.log(handleStripeEvent(fakeEvent));पहले हमेशा परीक्षण मोड
Stripe में नकली API कुंजियों और नकली कार्डों वाला परीक्षण मोड होता है (जैसे 4242 4242 4242 4242)। अपने ऊपर असली पैसे से कभी भी परीक्षण न करें।
पूरी प्रक्रिया को परीक्षण मोड में बनाएँ और सत्यापित करें: भुगतान पृष्ठ, वेबहुक, अपग्रेड और रद्दीकरण। सब कुछ ठीक से काम करने पर ही लाइव कुंजियों पर जाएँ। AI से परीक्षण कार्ड नंबर और परीक्षण वेबहुक शुरू करने का तरीका पूछें।
I've added Stripe Checkout. Help me test it safely before going live.
- Confirm I'm using TEST keys, not live keys
- Give me Stripe's test card numbers for success and for a declined card
- Show me how to test that my webhook actually upgrades the user
- Give me a checklist to verify before flipping to live modeअपनी कुंजियों को सुरक्षित रखें
आपकी Stripe गुप्त कुंजी से असली पैसे स्थानांतरित किए जा सकते हैं — इसे पासवर्ड की तरह सुरक्षित रखें। यह केवल आपके सर्वर पर होनी चाहिए और पर्यावरण चर से लोड की जानी चाहिए; इसे फ्रंटएंड कोड में, Git कमिट में या किसी सार्वजनिक प्रॉम्प्ट में कभी न डालें।
फ्रंटएंड में प्रकाशित करने योग्य कुंजी का उपयोग किया जा सकता है (इसे दिखाना सुरक्षित है)। यदि गुप्त कुंजी कभी लीक हो जाए, तो Stripe डैशबोर्ड में तुरंत उसे बदल दें। AI से अपने कोड की जाँच करवाएँ कि कहीं कुंजियाँ अनजाने में उजागर तो नहीं हुई हैं।
Pro सुविधाओं पर पहुँच-नियंत्रण लगाएँ
जब कोई उपयोगकर्ता Pro हो जाए, तो आपके ऐप को सही चीज़ों को अनलॉक करना होगा। तरीका यह है: उपयोगकर्ता पर isPro ध्वज संग्रहीत करें, फिर प्रीमियम सुविधाएँ दिखाने या सशुल्क कार्य चलाने से पहले इसकी जाँच करें।
यह जाँच सर्वर पर भी हमेशा लागू करें — केवल फ्रंटएंड पर लगाया गया नियंत्रण दरकिनार किया जा सकता है। AI से अपने पूरे ऐप में ध्वज और जाँचों को एकसमान ढंग से जोड़ने को कहें।
After a successful Stripe payment, my webhook sets user.isPro = true.
Now help me gate Pro features:
- Show the pattern for checking isPro before allowing a premium action
- Make sure the check runs on the SERVER, not just hidden in the UI
- Add a friendly 'Upgrade to unlock' message for free users
- Where should I store the isPro flag in my database?जटिल परिस्थितियों को संभालें
वास्तविक बिलिंग में कई कठिन परिस्थितियाँ आती हैं: कार्ड अस्वीकृत हो जाते हैं, उपयोगकर्ता रद्द करते हैं, सदस्यताएँ समाप्त हो जाती हैं और लोग धनवापसी माँगते हैं। एक भरोसेमंद उत्पाद इन परिस्थितियों को सहजता से संभालता है।
इनके लिए योजना बनाएँ: विफल नवीनीकरण (रियायत अवधि के बाद योजना को डाउनग्रेड करना), रद्दीकरण (अवधि समाप्त होने तक पहुँच बनाए रखना) और धनवापसी (Pro पहुँच वापस लेना)। Stripe प्रत्येक के लिए वेबहुक भेजता है। आपको पहले ही दिन हर स्थिति संभालने की ज़रूरत नहीं है — लेकिन AI से पूछें कि आपके मॉडल के लिए कौन-सी स्थितियाँ सबसे महत्वपूर्ण हैं और पहले उन्हीं पर काम करें।
स्वतंत्र निर्माताओं के तरीके से भुगतान
भुगतान प्राप्त करने का आपका मार्ग:
- 1. भुगतान करने की इच्छा जाँचने के लिए बिना कोड वाला Payment Link शुरू करें।
- 2. तैयार होने पर Stripe Checkout पर जाएँ।
- 3. वेबहुक से भुगतानों की पुष्टि करें और उपयोगकर्ताओं को Pro में बदलें।
- 4. पहले हर चीज़ का परीक्षण मोड में परीक्षण करें।
- 5. अपनी गुप्त कुंजी केवल सर्वर पर सुरक्षित रखें।
- 6. सुविधाओं पर पहुँच-नियंत्रण लगाएँ और रद्दीकरण संभालें।
AI आपके लिए इसका अधिकांश भाग लिख सकता है — आपका काम प्रक्रिया को समझना और उसे सुरक्षित रखना है।
त्वरित जाँच
आपकी Stripe गुप्त कुंजी कहाँ रहनी चाहिए?
पुनरावलोकन: आत्मविश्वास से शुल्क लें
आपने Stripe और AI की मदद से भुगतान जोड़ना सीखा:
- माँग जाँचने के लिए बिना कोड वाला Payment Link शुरू करें।
- एकमुश्त और सदस्यता-आधारित मूल्य-निर्धारण में से चुनें।
- पूरी प्रक्रिया के लिए Stripe Checkout और वेबहुक का उपयोग करें।
- लाइव होने से पहले हमेशा परीक्षण मोड में जाँच करें।
- अपनी गुप्त कुंजी सर्वर पर रखें और Pro सुविधाओं पर पहुँच-नियंत्रण लगाएँ।
- रद्दीकरण, विफल भुगतानों और धनवापसी के लिए योजना बनाएँ।
अब आप कमाई कर सकते हैं। अंतिम पाठ: अपने SaaS को दुनिया के सामने शुरू करना।
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 25
- पाठ
- 100
अक्सर पूछे जाने वाले प्रश्न
क्या “भुगतान जोड़ना” पाठ निःशुल्क है?
हाँ — वाइब कोडिंग अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “भुगतान जोड़ना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। वाइब कोडिंग पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“भुगतान जोड़ना” में मैं क्या सीखूँगा?
Stripe और कृत्रिम बुद्धिमत्ता के साथ अपने उत्पाद के लिए शुल्क लें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ वाइब कोडिंग का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या वाइब कोडिंग शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर वाइब कोडिंग शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।
“भुगतान जोड़ना” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस वाइब कोडिंग पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर वाइब कोडिंग पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।