साइट को AI-सहायक में बदलना: JavaScript पर ChatGPT API

आपकी साइट को दिमाग की आवश्यकता क्यों है? ChatGPT API + JavaScript

कल्पना करें: उपयोगकर्ता आपकी साइट पर आता है, और वहाँ सिर्फ एक स्थिर पेज नहीं है, बल्कि एक जीवंत सहायक है। वह कोड लिखता है, टेक्स्ट का अनुवाद करता है, विचार उत्पन्न करता है या बस बातचीत जारी रखता है। क्या यह विज्ञान कथा जैसा लगता है? वास्तव में, यह JavaScript की कुछ पंक्तियाँ और ChatGPT के लिए एक API-अनुरोध है।

इस लेख में, हम विश्लेषण करेंगे कि JavaScript पर ChatGPT API को कैसे कनेक्ट किया जाए - कुंजी पंजीकरण से लेकर पूर्ण चैटबॉट तक। आप सीखेंगे कि अनुरोध कैसे भेजें, त्रुटियों को कैसे संभालें और न्यूरल नेटवर्क से अधिकतम कैसे प्राप्त करें। चलिए शुरू करते हैं!

ChatGPT API क्या है और आपको इसकी आवश्यकता क्यों है

OpenAI API आपके कोड और विशाल भाषा मॉडल (GPT-4, GPT-3.5) के बीच एक पुल है। आप टेक्स्ट (प्रॉम्प्ट) भेजते हैं, और मॉडल उत्पन्न प्रतिक्रिया लौटाता है। सब कुछ सरल है, लेकिन संभावनाएँ असीमित हैं।

JavaScript पर एकीकरण विशेष रूप से सुविधाजनक है: आप ब्राउज़र में fetch या सर्वर (Node.js) पर axios / node-fetch का उपयोग कर सकते हैं। कोई जटिल लाइब्रेरी नहीं - केवल HTTP और JSON।

PythonLib जैसी शैक्षिक साइट पर यह कहाँ उपयोगी होगा:

\n
• इंटरैक्टिव सहायक - Python से संबंधित प्रश्नों के उत्तर देता है।
\n
• कोड जनरेटर - उपयोगकर्ता के अनुरोध पर उदाहरण लिखता है।
\n
• होमवर्क जाँच - छात्र के कोड का विश्लेषण करता है।
\n
• तकनीकी सहायता के लिए चैटबॉट - 24/7 उत्तर देता है।
\n

चरण 1. OpenAI API-कुंजी प्राप्त करना

कुंजी के बिना कहीं नहीं जा सकते। platform.openai.com पर जाएँ, पंजीकरण करें और API Keys अनुभाग पर जाएँ। Create new secret key पर क्लिक करें - इसे तुरंत कॉपी करें। कुंजी को गुप्त रखें, इसे क्लाइंट कोड में न डालें!

परीक्षण के लिए, मुफ्त शेष राशि (आमतौर पर $5-18) पर्याप्त है। लेकिन याद रखें: मॉडल के अनुरोधों की लागत पैसे होती है, भले ही वह बहुत कम हो।

चरण 2. JavaScript (Node.js) पर सबसे सरल अनुरोध

प्रयास करने का सबसे तेज़ तरीका Node.js पर एक स्क्रिप्ट लिखना है। node-fetch इंस्टॉल करें (या Node 18+ में बिल्ट-इन fetch का उपयोग करें)।

// chatgpt.js\nimport fetch from 'node-fetch';\n\nconst API_KEY = 'आपकी_गुप्त_कुंजी';\nconst API_URL = 'https://api.openai.com/v1/chat/completions';\n\nasync function askChatGPT(prompt) {\n  const response = await fetch(API_URL, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      'Authorization': `Bearer ${API_KEY}`\n    },\n    body: JSON.stringify({\n      model: 'gpt-3.5-turbo', // या gpt-4\n      messages: [\n        { role: 'user', content: prompt }\n      ],\n      temperature: 0.7,\n      max_tokens: 500\n    })\n  });\n\n  const data = await response.json();\n  return data.choices[0].message.content;\n}\n\n// उपयोग\nconst answer = await askChatGPT('सूची को सॉर्ट करने के लिए Python में एक फ़ंक्शन लिखें');\nconsole.log(answer);

node chatgpt.js चलाएँ - और न्यूरल नेटवर्क आपको कोड के साथ उत्तर देगा। जादू!

अनुरोध संरचना को समझना

अनुरोध के मुख्य भाग में हम भेजते हैं:

\n
• model - GPT का कौन सा संस्करण (gpt-3.5-turbo तेज़ और सस्ता है, gpt-4 अधिक बुद्धिमान है)।
\n
• messages - संदेशों की सरणी। system (मॉडल निर्देश), assistant (संदर्भ) और user जोड़ा जा सकता है।
\n
• temperature - उत्तर की रचनात्मकता (0 - सख्त तथ्य, 1 - रचनात्मकता)।
\n
• max_tokens - टोकन में उत्तर की अधिकतम लंबाई (1 टोकन ≈ 0.75 शब्द)।
\n

चरण 3. ब्राउज़र में JavaScript पर ChatGPT API का एकीकरण

यहाँ एक बारीकियाँ हैं: क्लाइंट कोड से कभी भी API-कुंजी न भेजें - इसे चुराया जा सकता है। सर्वर प्रॉक्सी (Node.js, Python) या Edge Functions का उपयोग करें।

लेकिन प्रदर्शन के लिए