चैटजीपीटी के साथ वेब ऐप कैसे बनाएं

चैटजीपीटी के आसपास के प्रचार के सबसे बड़े दावों में से एक यह है कि यह एक प्रभावी प्रोग्रामिंग टूल हो सकता है। विचार इस प्रकार है: आप प्राकृतिक भाषा में जो चाहते हैं उसका वर्णन करते हैं; चैटबॉट कोड उत्पन्न करता है जो ठीक यही करता है। लेकिन ऐसा करने में ChatGPT वास्तव में कितना अच्छा है?

परीक्षण करने से बेहतर पता लगाने का क्या तरीका है? हमने चैटजीपीटी को शुरुआत से एक सरल वेब ऐप बनाने के लिए कहा। यहां हमारे परीक्षण का परिणाम और वे चरण दिए गए हैं जिनका उपयोग आप चैटजीपीटी का उपयोग करके शुरुआत से एक वेबसाइट बनाने के लिए कर सकते हैं।

चरण 1: अपने वेब ऐप के लिए ब्लूप्रिंट बनाना

जैसे आप किसी टूल के साथ वेब ऐप बनाते समय करते हैं, वैसे ही आपको किस चीज़ का खाका तैयार करना होगा आप चाहते हैं कि आपका ऐप ऐसा दिखे और चैटजीपीटी को चलने देने से पहले आपको इसे बनाने के लिए क्या कदम उठाने होंगे दिखाना।

अपने पहले काम के लिए, हमने चैटजीपीटी को एक साधारण चैट ऐप के लिए एक खाका विकसित करने के लिए कहा। ऐसा करने के लिए, हमने अपने वेब ऐप की आवश्यकताओं का वर्णन किया और फिर चैटबॉट से ऐप को विकसित करने की योजना के बारे में विस्तार से पूछा।

उपरोक्त संकेत का उपयोग करने के बाद, हमें यह परिणाम मिला:

ऊपर हमारे जैसे फ़्लोचार्ट उत्पन्न करने के लिए आपको अपने चैटजीपीटी खाते पर "शो मी" प्लगइन सक्षम करना होगा। तुम कर सकते हो चैटजीपीटी प्लगइन्स इंस्टॉल और उपयोग करें कुछ ही चरणों में, हालाँकि आपको एक प्रीमियम सब्सक्रिप्शन की आवश्यकता होगी।

प्लगइन के बिना, आपको टेक्स्ट-आधारित ब्लूप्रिंट या एएससीआईआई-आर्ट फ़्लोचार्ट मिलेगा। वह अभी भी ठीक है। प्लगइन के बिना भी, चैटजीपीटी को अभी भी नीचे दिए गए उदाहरण की तरह ऐप का एक स्पष्ट खाका प्रदान करना चाहिए।

चरण 2: ब्लूप्रिंट को छोटे मॉड्यूल में विभाजित करना

अब जब हमारे पास बड़ी तस्वीर रखी गई है, तो हमने चैटजीपीटी से ऐप को छोटे घटकों में विभाजित करने में मदद मांगी है जिसे हम अलग से विकसित कर सकते हैं और फिर संपूर्ण वेब ऐप बनाने के लिए एकीकृत कर सकते हैं। चैटजीपीटी ने इसे तीन घटकों में तोड़ने का सुझाव दिया:

1. पंजीकरण मॉड्यूल
2. लॉगिन मॉड्यूल
3. चैट मॉड्यूल

हमारे पास अन्य विचार थे, लेकिन यहां लक्ष्य है कि चैटजीपीटी को निर्णय लेने दिया जाए।

1. पंजीकरण घटक का निर्माण

हम पंजीकरण घटक के निर्माण में सीधे कूद गए। हमने चैटजीपीटी को एक उपयुक्त एल्गोरिदम तैयार करने के लिए कहा। यहां हमने यह निर्दिष्ट करते हुए हस्तक्षेप किया कि पंजीकरण के लिए हमें केवल उपयोगकर्ता के उपयोगकर्ता नाम, ईमेल और अवतार की आवश्यकता है। यहाँ संकेत है:

और यहाँ परिणाम है:

आगे, हमने चैटजीपीटी को पंजीकरण घटक बनाने के लिए प्रेरित किया।

हालाँकि हमने पंजीकरण प्रक्रिया के हिस्से के रूप में पासवर्ड फ़ील्ड को शामिल नहीं किया, लेकिन ChatGPT ने इसे जनरेट किए गए HTML कोड में शामिल करके सही कॉल किया। हमने बिना किसी संशोधन के कोड को कॉपी कर लिया है, और यहां बताया गया है कि यह ब्राउज़र पर कैसा दिखता है।

आगे, हमने ChatGPT को PHP पंजीकरण स्क्रिप्ट उत्पन्न करने के लिए प्रेरित किया। सबसे पहले, हमने "फॉर्म सबमिशन को संभालने के लिए सर्वर-साइड लॉजिक के लिए एक PHP कोड लिखें" के साथ संकेत दिया। हालाँकि उत्पन्न स्क्रिप्ट ने ठीक काम किया, लेकिन इसमें बहुत सारी कमजोरियाँ थीं।

कोई पासवर्ड हैशिंग नहीं था, कोई त्रुटि प्रबंधन नहीं था, और एसक्यूएल इंजेक्शन के लिए प्रवण था-चैटजीपीटी ने केवल न्यूनतम ही किया था। इसे ठीक करना अपेक्षाकृत आसान था। हमने बस चैटजीपीटी से कहा कि "आपके द्वारा अभी-अभी जनरेट किए गए कोड के साथ सब कुछ गलत की पहचान करें, और फिर कोड को अनुकूलित करने के लिए पहचाने गए बिंदुओं का उपयोग करें।" इसके साथ, हमारी PHP पंजीकरण स्क्रिप्ट तैयार थी जाना।

आपके संकेत का शब्दांकन मायने रखता है। आपको इस बारे में बहुत स्पष्ट और विशिष्ट होना चाहिए कि आपको ChatGPT क्या करने की आवश्यकता है। जब हमने इसे "इस कोड के साथ समस्या को ठीक करने" के लिए कहा, तो यह ठीक नहीं हुआ जिसकी हमें उम्मीद थी कि यह ठीक हो जाएगा। चैटजीपीटी प्रॉम्प्ट लिखने के बारे में अधिक मार्गदर्शन के लिए, यहां हैं प्रभावी संकेत लिखने का तरीका सीखने के लिए कुछ स्थान.

आगे, हमने ChatGPT से "PHP स्क्रिप्ट में कैप्चर किए गए डेटा के लिए डेटाबेस बनाने के लिए SQL कोड लिखें।"यहाँ परिणामी SQL कोड है:

और यहाँ SQL निष्पादित करके बनाई गई तालिका है:

डेटाबेस सेट अप के साथ, हमने अपना पहला पंजीकरण करने की कोशिश की, और यह बिना किसी त्रुटि के काम कर गया।

2. लॉगिन घटक का निर्माण

पंजीकरण घटक के साथ, हमने लॉगिन घटक को लिया। आश्चर्यजनक रूप से, सत्र प्रबंधन के अतिरिक्त तर्क के बावजूद इसे बनाना सबसे आसान था।

यहां जनरेट किया गया लॉगिन पेज है। एक मुख्य आकर्षण यह है कि यह पंजीकरण पृष्ठ के समान रंग विकल्पों का उपयोग करता है।

ChatGPT द्वारा निर्देशित "server.login.php" फ़ाइल बनाने और उत्पन्न PHP स्क्रिप्ट को जोड़ने के बाद, हमने बिना किसी संशोधन या डिबगिंग के अपना पहला सफल लॉगिन किया।

3. चैट घटक का निर्माण

चैट घटक का निर्माण हमारे छोटे से प्रयोग का अंतिम — और शायद सबसे कठिन हिस्सा था। सबसे पहले, हमने चैटजीपीटी को चैट घटक के लिए कोड लिखने के लिए कहा। कहने की जरूरत नहीं है, यह एक बड़ी विफलता थी। आप जो कुछ भी बनाना चाहते हैं उसके अधिक जटिल घटकों के लिए, आपको इसे छोटे घटकों में विभाजित करना होगा और एक के बाद एक उनसे निपटना होगा।

हमने चैट घटक को विभाजित करने के लिए चैटजीपीटी से सुझाव मांगे, और उसने सुझाव दिया कि हम तीन पेज बनाएं:

1. चैट.php
2. भेजें-messages.php
3. Fetch-messages.php

जब ChatGPT एक फ़ाइल नाम का सुझाव देता है, तो आपके प्रोजेक्ट में किसी भिन्न नाम का उपयोग करने से अनजाने में समस्या हो सकती है समस्याएं हैं क्योंकि चैटबॉट पूरे कोड में समान नाम का संदर्भ देगा परियोजना। हमें कठिन रास्ता पता चला। एक ही गलती मत करो।

Chat.php पेज बनाना

शुरू करने के लिए, हमने ChatGPT को विस्तृत निर्देश दिए कि हम चैट इंटरफ़ेस को कैसा दिखना चाहते हैं।

जेनरेट किए गए HTML कोड को चलाने के बाद, हमारे पास संदेश इनपुट बॉक्स के बिना चैट इंटरफ़ेस था। इसे ठीक करने के लिए, हमने केवल ChatGPT को "संदेश इनपुट बॉक्स और भेजें बटन शामिल करने के लिए कोड को फिर से लिखें।"यहां बताया गया है कि दूसरे परीक्षण पर एक ब्राउज़र पर जनरेट किया गया कोड कैसा दिखता है।

जब भी उत्पन्न कोड वांछित परिणाम देने में विफल रहता है या एक महत्वपूर्ण घटक को छोड़ देता है, तो बस चैटजीपीटी को अंतिम कोड को फिर से लिखने के लिए कहें। इसे घटक शामिल करने के लिए कहें या प्रारंभिक कोड में जो कुछ भी नहीं किया गया था उसे करें। यहाँ हैं प्रोग्रामिंग के लिए चैटजीपीटी का उपयोग करने के तरीके पर कुछ सुझाव.

"Send-messages.php" और "Fetch-messages" पेज बनाना

इंटरफ़ेस से संतुष्ट, हम चैटिंग लॉजिक को संभालने के लिए स्क्रिप्ट बनाने के लिए आगे बढ़े। डेटाबेस से संदेश भेजने और प्राप्त करने में सक्षम होने के लिए, चैटजीपीटी ने सही ढंग से हाइलाइट किया कि हमें "संदेश" तालिका की आवश्यकता होगी। हमने चैटबॉट को संदेश तालिका के लिए SQL बनाने के लिए कहा।

SQL कोड जनरेट करने के बाद, हमने मैसेजिंग लॉजिक को संभालने के लिए चैटबॉट को एक PHP स्क्रिप्ट जेनरेट करने के लिए कहा।

ChatGPT ने "send-messages.php" और "fetch-messages.php" पेज दोनों के लिए स्क्रिप्ट तैयार की। दोनों लिपियों को चलाने पर, हमें अंत में अपनी पहली त्रुटि मिली (जो विचित्र रूप से संतोषजनक थी)। कोड की एक भी लाइन को डिबग किए बिना प्रोजेक्ट में इतनी दूर जाना इसकी सापेक्ष सरलता के बावजूद, सच होना थोड़ा बहुत अच्छा लग रहा था।

यह पता चला है कि चैटजीपीटी द्वारा अघोषित सत्र चर के लिए एक चेक शुरू करने के कारण त्रुटि हुई थी ($_SESSION['user_id']) हमारी लिपि में। हमें संदेह है कि यह परियोजना से काफी लंबा ब्रेक लेने का परिणाम था, जिसके परिणामस्वरूप चैटजीपीटी परियोजना में उपयोग किए गए चर के कुछ संदर्भों और नामों को भूल गया।

ऐप बनाने के लिए चैटजीपीटी का उपयोग करते समय, उसी चैट थ्रेड का उपयोग करना सुनिश्चित करें और जितनी जल्दी हो सके संबंधित घटकों को पूरा करने का प्रयास करें। नए चैट थ्रेड का उपयोग करने या लंबा ब्रेक लेने से विसंगतियां आ सकती हैं। यदि आप कोडिंग सत्रों के बीच लंबा ब्रेक लेते हैं, तो चैटजीपीटी वर्तमान परियोजना (जैसे रंग योजना) के कुछ विवरणों को भूल जाता है।

उस ने कहा, हमने बग को ठीक किया और कोड को तैनात किया। हमने पंजीकरण किया, लॉग इन किया और चैट फीचर को आजमाया। जबकि हम एक पंजीकृत उपयोगकर्ता से दूसरे को संदेश भेजने में सक्षम थे, संदेश बुलबुले का रंग और व्यवस्था थोड़ी अलग थी। हालाँकि, एक ऐसे ऐप के लिए जिसे पूरा होने में एक घंटा और 23 मिनट का समय लगा, हम इसे बहुत कठोर नहीं आंकेंगे।

ChatGPT: एक उत्कृष्ट कोडिंग सहायक

ChatGPT स्पष्ट रूप से एक शक्तिशाली कोडिंग सहायक है। चैटबॉट प्रभावशाली कोड को सरल से बदल सकता है, और कभी-कभी स्पष्ट नहीं होता है, निर्देश इसकी कोडिंग कौशल के लिए एक वसीयतनामा है।

ज़रूर, इसमें अभी भी बहुत सारी खामियाँ हैं। एक सीमित संदर्भ विंडो के साथ समस्या और कई स्वतंत्र रूप से निर्मित घटकों से तर्क को एक साथ जोड़ने की इसकी क्षमता एक बड़ी समस्या है। हालाँकि, यदि आप अपना रास्ता जानते हैं तो चैटबॉट आपको काफी जटिल वेब ऐप तेजी से बनाने में मदद कर सकता है।