10 मिनट में Stripe और ChatGPT के साथ काम करने वाली वेबसाइट लॉन्च करें
अपनी वेबसाइट पर Stripe पेमेंट और AI-असिस्टेंट जोड़ें - बिना पहले पैसे खर्च किए
- 1.OpenAI API की अपनी API की बनाएं। platform.openai.com पर जाएं, «API keys» सेक्शन खोलें और «Create new secret key» दबाएं। की को नोटपैड में कॉपी करें।
आपको $5 की मुफ्त क्रेडिट मिलेगी, जो 3 महीने तक चलती है। अपनी सर्वर पर OPENAI_API_KEY को एनवायरनमेंट वेरिएबल में रखें, कभी भी कोड या ब्राउज़र में न डालें।
OpenAI API ↗ - 2.Stripe अकाउंट बनाएं। stripe.com पर जाएं, «Sign up» दबाएं, अपनी जानकारी भरें। डैशबोर्ड में Publishable key और Secret key को नोटपैड में कॉपी करें।
Stripe हर सफल पेमेंट पर 2.9% + $0.30लेता है। पहले पेमेंट तक आपको कुछ नहीं देना है। Secret key को कभी भी फ्रंटएंड-कोड में न डालें।
Stripe ↗ - 3.GitHub पर रेपोजिटरी बनाएं। «New repository» दबाएं, इसका नाम दें, Node.js .gitignore चुनें। अपने पास क्लोन करें: git clone [आपके-रेपो-का-लिंक]
आपको git-रेपो की जरूरत होगी ताकि आप Vercel पर एक बटन दबाकर ऐप्लिकेशन चला सकें।
GitHub ↗ - 4.Node.js ऐप्लिकेशन बनाएं। रेपो फोल्डर में package.json बनाएं और इसमें कॉपी करें: { «name»: «stripe-chatgpt-site», «version»: «1.0.0», «main»: «server.js», «dependencies»: { «express»: «^4.18.2», «stripe»: «^14.0.0», «openai»: «^4.28.0», «cors»: «^2.8.5», «dotenv»: «^16.3.1» } } फिर चलाएं: npm install
package.json में सभी आवश्यक लाइब्रेरी होती हैं। npm install उन्हें स्थानीय रूप से इंस्टॉल करेगा।
Node.js ↗ - 5.रेपो की रूट में server.js फाइल बनाएं और इसमें कॉपी करें: javascript const express = require('express'); const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY); const { OpenAI } = require('openai'); const cors = require('cors'); require('dotenv').config(); const app = express(); app.use(express.json()); app.use(cors()); const openai = new OpenAI({ apiKey
यह कोड दो एंडपॉइंट बनाता है: एक Stripe के जरिए पेमेंट के लिए, दूसरा ChatGPT से बात करने के लिए। किफायती gpt-4o-mini मॉडल का उपयोग किया जाता है, जो आपकी $5 क्रेडिट को लंबे समय तक चलाता है।
Express.js + OpenAI + Stripe SDK ↗प्रॉम्प्टconst response = await openai.chat.completions.create({ model: 'gpt-4o-mini', messages: [{ role: 'user', content: '[आपका-संदेश]' }], max_tokens: 200, }); [आपका-संदेश] को उस टेक्स्ट से बदलें जो आप मॉडल को भेजना चाहते हैं। max_tokens=200 प्रतिक्रिया को 200 टोकन (~150 शब्द) तक सीमित करता है और पैसे बचाता है।यह प्रॉम्प्ट क्या करता हैयह ChatGPT API से बात करने के लिए कोड है। आप [आपका-संदेश] की जगह अपना टेक्स्ट डालते हैं, और मॉडल जवाब देगा। max_tokens=200 पैरामीटर जवाब की लंबाई को सीमित करता है ताकि आप अपनी $5 क्रेडिट पहले दिन में न खर्च करें। - 6.रेपो की रूट में .env फाइल बनाएं और इसमें कॉपी करें: OPENAI_API_KEY=[आपकी-openai-की] STRIPE_SECRET_KEY=[आपकी-stripe-secret-की] PORT=3000 [आपकी-openai-की] को स्टेप 1 से API की से बदलें, [आपकी-stripe-secret-की] को स्टेप 2 से Secret key से बदलें।
⚠️ महत्वपूर्ण: कभी भी .env फाइल को git में न डालें। node_modules/ और .env के साथ .gitignore बनाएं ताकि गोपनीय की रेपो में न जाएं।
- 7.Vercel पर तैनात करें। vercel.com पर जाएं, «Import Project» दबाएं, अपनी GitHub-रेपोजिटरी चुनें। Environment Variables फील्ड में जोड़ें: OPENAI_API_KEY = [आपकी की] STRIPE_SECRET_KEY = [आपकी की] «Deploy» दबाएं। 2-3 मिनट में आपकी वेबसाइट https://[नाम].vercel.app जैसे पते पर ऑनलाइन होगी।
Vercel स्वचालित रूप से Node.js ऐप्लिकेशन का पता लगाता है और इसे तैनात करता है। एनवायरनमेंट वेरिएबल Vercel डैशबोर्ड में दर्ज किए जाते हैं, कोड में नहीं। तैनाती के बाद आप https://[नाम].vercel.app/chat और https://[नाम].vercel.app/create-payment-intent के लिए POST-अनुरोधों के माध्यम से API का परीक्षण कर सकते हैं।
Vercel ↗
- मुफ़्तChatGPT (मुफ्त अकाउंट)3 घंटे में 40 अनुरोध; अधिक बार उपयोग के लिए ChatGPT Plus सदस्यता ($20/महीना) चाहिए।
- मुफ़्तCodePen या Replit (मुफ्त योजना)ब्राउज़र में कोड संपादित और परीक्षण करने के लिए पूरी तरह मुफ्त।
- मुफ़्तStripe (परीक्षण मोड)Sandbox-मोड में पेमेंट परीक्षण करना मुफ्त है; असली की पर जाने पर 2.9% + $0.30 प्रति लेनदेन की फीस है।
- मुफ़्तVercel या Netlify (मुफ्त स्तर)फ्रंटएंड तैनात करना मुफ्त है; बैकएंड के लिए भुगतान की योजना ($7+/महीना) या सीमाओं के साथ सर्वरलेस-फ़ंक्शन चाहिए।
आज ही क्यों
AI सेवाएँ तेज़ी से बदलती हैं - इंटरफ़ेस और मुफ़्त सीमाएँ बताए गए से अलग हो सकती हैं।