Google AI Studio में फ़ुल-स्टैक ऐप्लिकेशन डेवलप करना

Google AI Studio में अब फ़ुल-स्टैक डेवलपमेंट की सुविधा उपलब्ध है. इसकी मदद से, क्लाइंट-साइड प्रोटोटाइप से आगे बढ़कर ऐप्लिकेशन बनाए जा सकते हैं. सर्वर-साइड रनटाइम की मदद से, सीक्रेट मैनेज किए जा सकते हैं, बाहरी एपीआई से कनेक्ट किया जा सकता है, और रीयल-टाइम मल्टीप्लेयर गेम बनाए जा सकते हैं.

सर्वर-साइड रनटाइम

Google AI Studio के ऐप्लिकेशन में अब सर्वर-साइड कॉम्पोनेंट (Node.js) शामिल किया जा सकता है. इससे आप यह कर पाएंगे:

  • सर्वर-साइड लॉजिक लागू करना: ऐसा कोड चलाना जिसे क्लाइंट को नहीं दिखाया जाना चाहिए.
  • npm पैकेज ऐक्सेस करना: Antigravity Agent, npm के बड़े नेटवर्क से पैकेज इंस्टॉल और इस्तेमाल कर सकता है.
  • सीक्रेट मैनेज करना: एपीआई पासकोड और क्रेडेंशियल का सुरक्षित तरीके से इस्तेमाल करें.

npm पैकेज का इस्तेमाल करना

आपको npm install को मैन्युअल तरीके से चलाने की ज़रूरत नहीं है. बस एजेंट से उस सुविधा को जोड़ने के लिए कहें जिसके लिए पैकेज की ज़रूरत है. इसके बाद, एजेंट पैकेज को इंस्टॉल और इंपोर्ट कर देगा.

उदाहरण: > "एक्सटर्नल एपीआई से डेटा फ़ेच करने के लिए, axios का इस्तेमाल करें."

सीक्रेट को सुरक्षित तरीके से मैनेज करना

सर्वर-साइड कोड और सीक्रेट मैनेजमेंट की मदद से, अब ऐसे ऐप्लिकेशन बनाए जा सकते हैं जो दुनिया भर के लोगों के साथ इंटरैक्ट कर सकते हैं.

  • तीसरे पक्ष के एपीआई: Stripe, SendGrid या कस्टम REST API जैसी सेवाओं से कनेक्ट करें.
  • डेटाबेस: सेशन के बाद भी डेटा को बनाए रखने के लिए, बाहरी डेटाबेस से कनेक्ट करें. उदाहरण के लिए, Supabase, Firebase या MongoDB Atlas के ज़रिए कनेक्ट करें.

असल दुनिया के ऐप्लिकेशन बनाते समय, आपको अक्सर तीसरे पक्ष की सेवाओं (जैसे, Twilio, Slack या डेटाबेस) से कनेक्ट करने की ज़रूरत होती है. इसके लिए, एपीआई कुंजियों की ज़रूरत होती है. इन चरणों को पूरा करके, मैन्युअल तरीके से कुंजियां जोड़ी जा सकती हैं:

  1. सीक्रेट जोड़ना: Google AI Studio में सेटिंग मेन्यू पर जाएं और सीक्रेट सेक्शन ढूंढें.
  2. अपनी कुंजी सेव करें: यहां अपने एपीआई पासकोड या सीक्रेट टोकन जोड़ें.
  3. कोड में ऐक्सेस: एजेंट, सर्वर-साइड कोड लिख सकता है. यह कोड, इन सीक्रेट को सुरक्षित तरीके से ऐक्सेस करता है. आम तौर पर, यह काम एनवायरमेंट वैरिएबल के ज़रिए किया जाता है. इससे यह पक्का होता है कि ये सीक्रेट, क्लाइंट-साइड ब्राउज़र को कभी नहीं दिखते.

ज़रूरत पड़ने पर, एजेंट चैट में एक कार्ड भी दिखाएगा. इसमें आपको कुंजियां जोड़ने के लिए कहा जाएगा. ऐसा तब होगा, जब किसी नए सीक्रेट की ज़रूरत होगी या जब प्रोजेक्ट के एनवायरमेंट वैरिएबल में कोई नई कुंजी का पता चलेगा.

डेटाबेस और पुष्टि करने के लिए Firebase इंटिग्रेशन

Google AI Studio की मदद से, अब अपने ऐप्लिकेशन में डेटाबेस या पुष्टि करने की सुविधा को आसानी से जोड़ा जा सकता है. इसके लिए, आपको Firebase इंटिग्रेशन का इस्तेमाल करना होगा. Antigravity Agent, आपके लिए इन सेवाओं को अपने-आप उपलब्ध करा सकता है और उन्हें सेट अप कर सकता है:

  • Firestore डेटाबेस: यह एक फ़्लेक्सिबल और स्केलेबल NoSQL क्लाउड डेटाबेस है. इसका इस्तेमाल क्लाइंट-साइड और सर्वर-साइड डेवलपमेंट के लिए डेटा को सेव और सिंक करने के लिए किया जाता है.
  • Firebase Authentication: इससे उपयोगकर्ताओं को "Google से साइन इन करें" फ़्लो का इस्तेमाल करके, आपके ऐप्लिकेशन में सुरक्षित तरीके से साइन इन करने की अनुमति मिलती है.

एजेंट से "मेरे ऐप्लिकेशन में डेटाबेस जोड़ो" या "Google से साइन इन करने की सुविधा सेट अप करो" के लिए कहें. इसके बाद, यह आपके लिए ज़रूरी कॉन्फ़िगरेशन और कोड जनरेट करेगा.

Firebase को बिना किसी शुल्क के इस्तेमाल किया जा सकता है. इसके अलावा, जब आपको ज़्यादा कोटा चाहिए या पैसे चुकाकर मिलने वाली सुविधाओं का इस्तेमाल करना हो, तब पैसे चुकाकर खाता अपग्रेड किया जा सकता है.

OAuth सेट अप करना

सीक्रेट मैनेजमेंट का एक मुख्य इस्तेमाल, OAuth को सेट अप करना है. इससे अन्य वेबसाइटों या ऐप्लिकेशन से कनेक्ट किया जा सकता है. अगर आपके प्रॉम्प्ट में, किसी ऐसे तीसरे पक्ष के ऐप्लिकेशन से कनेक्ट करने के निर्देश शामिल हैं जिसके लिए OAuth की पुष्टि करना ज़रूरी है, तो एजेंट उस ऐप्लिकेशन के लिए OAuth सेट अप करने के तरीके के बारे में निर्देश देगा. इन निर्देशों में, OAuth ऐप्लिकेशन को कॉन्फ़िगर करने के लिए ज़रूरी कॉलबैक यूआरएल शामिल होंगे. सेटिंग पैनल में इंटिग्रेशन में जाकर भी, कॉलबैक यूआरएल देखे जा सकते हैं.

एक साथ कई लोगों के खेलने का अनुभव तैयार करना

फ़ुल-स्टैक रनटाइम, रीयल-टाइम में साथ मिलकर काम करने की सुविधाएं चालू करता है.

  • रीयल-टाइम में होने वाली बातचीत: एजेंट से "लाइव चैट," "साथ मिलकर काम करने के लिए व्हाइटबोर्ड" या "मल्टीप्लेयर गेम" जैसी सुविधाएं बनाने के लिए कहा जा सकता है.
  • सिंक किए गए सेशन: सर्वर, सेशन की स्थिति को मैनेज करता है. इससे कई उपयोगकर्ता, एक ही ऐप्लिकेशन इंस्टेंस के साथ रीयल-टाइम में इंटरैक्ट कर पाते हैं.

प्रॉम्प्ट का उदाहरण: > "इसे एक ऐसा मल्टीप्लेयर गेम बनाओ जिसमें खिलाड़ी एक-दूसरे के कर्सर देख सकें."

एक से ज़्यादा खिलाड़ियों के साथ खेले जाने वाले ऐप्लिकेशन की टेस्टिंग के लिए सलाह

ऐप्लिकेशन को डिप्लॉय करने से पहले, मल्टीप्लेयर मोड की जांच दो तरीकों से की जा सकती है.

  1. Google AI Studio में, अपने ऐप्लिकेशन को एक से ज़्यादा टैब में बिल्ड मोड में खोलें. बिल्ड मोड में डेवलपमेंट करते समय, आपका ऐप्लिकेशन देव कंटेनर में होता है. ऐप्लिकेशन को एक से ज़्यादा टैब में खोलने से, आपको यह सिम्युलेट करने में मदद मिलेगी कि कई खिलाड़ी आपके ऐप्लिकेशन का इस्तेमाल कर रहे हैं.
  2. सबसे ऊपर दाईं ओर मौजूद, शेयर करें मेन्यू का इस्तेमाल करके, ऐप्लिकेशन को अन्य लोगों के साथ शेयर करें. इसके बाद, शेयर करें मेन्यू के इंटिग्रेशन टैब में जाकर, शेयर किया गया यूआरएल का इस्तेमाल करें. इससे, उन खिलाड़ियों के साथ ऐप्लिकेशन का इस्तेमाल किया जा सकेगा जिनके साथ आपने ऐप्लिकेशन शेयर किया है.

सबसे सही तरीके

  • सीक्रेट की सुरक्षा: संवेदनशील कुंजियों के लिए, हमेशा Secrets Manager का इस्तेमाल करें. उन्हें कभी भी अपनी फ़ाइलों में हार्डकोड न करें.
  • ज़िम्मेदारियों को अलग-अलग करना: अपने यूज़र इंटरफ़ेस (यूआई) लॉजिक को क्लाइंट-साइड फ़्रेमवर्क (React/Angular) में रखें. साथ ही, अपने कारोबार के लॉजिक/डेटा हैंडलिंग को सर्वर साइड पर रखें.
  • गड़बड़ी ठीक करना: पक्का करें कि आपका सर्वर-साइड कोड, बाहरी एपीआई कॉल से होने वाली गड़बड़ियों को ठीक से हैंडल करता हो, ताकि ऐप्लिकेशन क्रैश न हो.

अगला चरण?