Google AI Studio में ऐप्लिकेशन बनाना

इस पेज पर, Google AI Studio का इस्तेमाल करके, ऐसे ऐप्लिकेशन को तेज़ी से बनाने (या "वाइब कोड") और डिप्लॉय करने का तरीका बताया गया है जो Gemini की नई सुविधाओं को आज़माते हैं. जैसे, Nano Banana और Live API. Google AI Studio अब फ़ुल-स्टैक रनटाइम के साथ काम करता है. इससे आपको सर्वर-साइड लॉजिक, सुरक्षित सीक्रेट मैनेजमेंट, और npm पैकेज के साथ काम करने वाले मज़बूत ऐप्लिकेशन बनाने में मदद मिलती है. ये सभी काम, नैचुरल लैंग्वेज प्रॉम्प्ट की मदद से किए जा सकते हैं.

अपनी प्रोफ़ाइल बनाना शुरू करें

Google AI Studio के बिल्ड मोड में वाइब कोडिंग शुरू करें. इसे बनाने के लिए, यहां दिए गए तरीके अपनाए जा सकते हैं:

  • प्रॉम्प्ट से शुरुआत करें: बिल्ड मोड में, इनपुट बॉक्स का इस्तेमाल करके यह बताएं कि आपको क्या बनाना है. अपने प्रॉम्प्ट में इमेज जनरेट करने या Google Maps का डेटा जोड़ने जैसी खास सुविधाएं जोड़ने के लिए, एआई चिप चुनें. आपके पास बोलकर टाइप करने की सुविधा का इस्तेमाल करके, अपनी पसंद के हिसाब से जवाब देने का विकल्प भी है.
  • "मेरे पास कम समय है" बटन: अगर आपको कोई क्रिएटिव आइडिया चाहिए, तो "मेरे पास कम समय है" बटन का इस्तेमाल करें. इससे Gemini, प्रोजेक्ट के आइडिया के साथ एक प्रॉम्प्ट जनरेट करेगा, ताकि आप काम शुरू कर सकें.
  • गैलरी से किसी प्रोजेक्ट को रीमिक्स करना: App Gallery से कोई प्रोजेक्ट खोलें और ऐप्लिकेशन कॉपी करें को चुनें.

प्रॉम्प्ट चलाने के बाद, आपको ज़रूरी कोड और फ़ाइलें जनरेट होती दिखेंगी. साथ ही, दाईं ओर आपको अपने ऐप्लिकेशन की लाइव झलक दिखेगी.

क्या बनाया गया है?

प्रॉम्प्ट चलाने पर, AI Studio एक पूरा ऐप्लिकेशन बना देता है. डिफ़ॉल्ट रूप से, यह एक फ़ुल-स्टैक एनवायरमेंट बनाता है. इसमें ये शामिल हो सकते हैं:

  • क्लाइंट-साइड: एक वेब फ़्रंटएंड (React डिफ़ॉल्ट रूप से उपलब्ध होता है).
  • सर्वर-साइड: Node.js रनटाइम, जो सुरक्षित एपीआई कॉल, डेटाबेस कनेक्शन, और npm पैकेज के इस्तेमाल की अनुमति देता है.

दाईं ओर मौजूद झलक वाले पैनल में, कोड टैब को चुनकर, जनरेट किया गया कोड देखा जा सकता है. Antigravity Agent आपके स्टैक में मौजूद कई फ़ाइलों को स्मार्ट तरीके से मैनेज करता है. इससे यह पक्का होता है कि बदलावों को सही तरीके से लागू किया गया है.

The Antigravity Agent

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

मुख्य सुविधाओं में ये शामिल हैं:

  • कॉन्टेक्स्ट की जानकारी: पिछले प्रॉम्प्ट और फ़ाइल की स्थितियों के कॉन्टेक्स्ट को बनाए रखता है.
  • एक से ज़्यादा फ़ाइलों को मैनेज करना: एक से ज़्यादा फ़ाइलों के बीच की डिपेंडेंसी को मैनेज करता है.
  • पुष्टि करके जवाब जनरेट करना: यह सुविधा, कोड के अपडेट की पुष्टि करती है, ताकि जवाब में गलत जानकारी कम से कम हो.

फ़ुल-स्टैक की सुविधाएं

Google AI Studio, मॉडर्न वेब इकोसिस्टम की सुविधाओं का ऐक्सेस देता है. इसकी मदद से, क्लाइंट-साइड प्रोटोटाइप के अलावा और भी कई तरह के प्रोटोटाइप बनाए जा सकते हैं.

  • सर्वर-साइड रनटाइम और npm: npm पैकेज की बड़ी लाइब्रेरी का इस्तेमाल करें. एजेंट, आपके ऐप्लिकेशन के लिए ज़रूरी पैकेज की पहचान करके उन्हें अपने-आप इंस्टॉल कर देगा. उदाहरण के लिए, डेटा विज़ुअलाइज़ेशन या एपीआई क्लाइंट के लिए खास लाइब्रेरी. अगर आपको कोई खास पैकेज चाहिए, तो उसके लिए भी अनुरोध किया जा सकता है.
  • सीक्रेट मैनेजमेंट: एपीआई कुंजियों और सीक्रेट को सेटिंग मेन्यू में सुरक्षित तरीके से सेव करें. इन्हें आपके सर्वर-साइड कोड में ऐक्सेस किया जा सकता है. इससे ये क्लाइंट-साइड के संपर्क में आने से सुरक्षित रहते हैं.
  • मल्टीप्लेयर: सीधे AI Studio में, रीयल-टाइम में साथ मिलकर काम करने का अनुभव पाएं. सर्वर-साइड रनटाइम, उपयोगकर्ताओं को एक-दूसरे से इंटरैक्ट करने के लिए ज़रूरी स्थिति और कनेक्शन को मैनेज करता है.
  • Firebase इंटिग्रेशन: Firebase को अपने-आप उपलब्ध कराना और सेट अप करना. इसमें Firestore डेटाबेस (स्थायी डेटा स्टोरेज) और Firebase Authentication (साइन-इन फ़्लो, खास तौर पर "Google से साइन इन करें") शामिल हैं. एजेंट, सेटअप की पूरी प्रोसेस को मैनेज करता है. साथ ही, इन सेवाओं के लिए आपके ऐप्लिकेशन में कोड भी लिखता है.

फ़ुल-स्टैक ऐप्लिकेशन डेवलप करने के बारे में ज़्यादा जानें

बनाना जारी रखें

Google AI Studio, आपके ऐप्लिकेशन के लिए शुरुआती कोड जनरेट करता है. इसके बाद, आपके पास इसे बेहतर बनाने का विकल्प होता है:

Google AI Studio में बनाना

  • Gemini के साथ मिलकर काम करना: बिल्ड मोड में चैट पैनल का इस्तेमाल करके, Gemini से बदलाव करने, नई सुविधाएं जोड़ने या स्टाइल बदलने के लिए कहें.
  • कोड में सीधे तौर पर बदलाव करना: लाइव बदलाव करने के लिए, झलक पैनल में कोड टैब खोलें.

बाहरी तौर पर डेवलप करना

ज़्यादा बेहतर वर्कफ़्लो के लिए, कोड को एक्सपोर्ट किया जा सकता है और अपनी पसंद के एनवायरमेंट में काम किया जा सकता है:

  • स्थानीय तौर पर डाउनलोड और डेवलप करें: जनरेट किए गए कोड को ZIP फ़ाइल के तौर पर एक्सपोर्ट करें और इसे अपने कोड एडिटर में इंपोर्ट करें.
  • GitHub पर पुश करें: कोड को अपनी मौजूदा डेवलपमेंट और डिप्लॉयमेंट प्रोसेस के साथ इंटिग्रेट करें. इसके लिए, कोड को GitHub रिपॉज़िटरी में पुश करें.

मुख्य सुविधाएं

Google AI Studio में, मॉडल बनाने की प्रोसेस को आसान और विज़ुअल बनाने के लिए कई सुविधाएं शामिल हैं:

  • फ़ुल स्टैक ऐप्लिकेशन बनाना और उनमें बदलाव करना: सिर्फ़ एक प्रॉम्प्ट की मदद से फ़ुल स्टैक ऐप्लिकेशन बनाएं. इसके बाद, चैट या एनोटेशन मोड का इस्तेमाल करके, उनमें बदलाव करें. एनोटेशन मोड की मदद से, अपने ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) के किसी भी हिस्से को हाइलाइट किया जा सकता है. साथ ही, यह बताया जा सकता है कि आपको किस तरह का बदलाव चाहिए.
  • अपना ऐप्लिकेशन शेयर करना और उसे डिप्लॉय करना: अपनी क्रिएटिविटी को दूसरों के साथ शेयर किया जा सकता है, ताकि वे आपके साथ मिलकर काम कर सकें या आपके काम को देख सकें. इसके बाद, जब आपका ऐप्लिकेशन तैयार हो जाए, तो उसे Cloud Run पर डिप्लॉय करें.
  • ऐप्लिकेशन गैलरी: ऐप्लिकेशन गैलरी में, प्रोजेक्ट के आइडिया की विज़ुअल लाइब्रेरी होती है. Gemini की मदद से क्या-क्या किया जा सकता है, यह ब्राउज़ किया जा सकता है. साथ ही, ऐप्लिकेशन की झलक तुरंत देखी जा सकती है. इसके अलावा, उन्हें रीमिक्स करके अपने हिसाब से बनाया जा सकता है.

फ़ुल स्टैक ऐप्लिकेशन बनाएं और उनमें बदलाव करें: रनटाइम सपोर्ट के बारे में खास जानकारी, एनोटेट मोड का इस्तेमाल करके बदलाव करें शेयर करें और डिप्लॉय करें - AI Studio में अपना ऐप्लिकेशन शेयर करें या Cloud Run पर डिप्लॉय करें ऐप्लिकेशन गैलरी एक्सप्लोर करें

अपने ऐप्लिकेशन को डिप्लॉय या संग्रहित करना

आवेदन तैयार होने के बाद, इसे इन तरीकों से डिप्लॉय किया जा सकता है:

  • Google Cloud Run: अपने ऐप्लिकेशन को ज़्यादा उपयोगकर्ताओं को हैंडल करने वाली सेवा के तौर पर डिप्लॉय करें. Google Cloud Run के इस्तेमाल के आधार पर, आपसे शुल्क लिया जा सकता है.
  • GitHub: अपने प्रोजेक्ट को GitHub रिपॉज़िटरी में एक्सपोर्ट करें.

सीमाएं

इस सेक्शन में, Google AI Studio में बिल्ड मोड की मौजूदा सीमाओं के बारे में बताया गया है.

एपीआई कुंजी की सुरक्षा

  • क्लाइंट-साइड: क्लाइंट-साइड कोड में कभी भी असली एपीआई पासकोड का सीधे तौर पर इस्तेमाल न करें.
  • सर्वर-साइड: सर्वर-साइड रनटाइम में संवेदनशील कुंजियों को सुरक्षित तरीके से मैनेज करने के लिए, सीक्रेट मैनेजमेंट सुविधा का इस्तेमाल करें.

Google AI Studio के बाहर डिप्लॉयमेंट

  • अपने ऐप्लिकेशन को Cloud Run पर सार्वजनिक यूआरएल के लिए डिप्लॉय किया जा सकता है. हालांकि, इस सेटअप में सभी उपयोगकर्ताओं के Gemini API कॉल के लिए, आपकी एपीआई पासकोड का इस्तेमाल किया जाएगा.
    • JavaScript ऐप्लिकेशन, क्लाइंट साइड पर चलते हैं. इसलिए, पक्का करें कि एपीआई कुंजियों के पास सिर्फ़ सीमित ऐक्सेस हो, ताकि डेटा लीक होने या उसके गलत इस्तेमाल को रोका जा सके. उदाहरण के लिए, एक ही प्रोजेक्ट के अन्य फ़ाइल खोज स्टोर को उपयोगकर्ता इस तरीके से ऐक्सेस कर सकते हैं.
  • सुरक्षित तरीके से बाहरी तौर पर डिप्लॉयमेंट: अगर आपको AI Studio से बाहर किसी ऐप्लिकेशन को सुरक्षित तरीके से चलाना है (जैसे कि ज़िप फ़ाइल डाउनलोड करने के बाद), तो आपको एपीआई कुंजी का इस्तेमाल करने वाले लॉजिक को सर्वर-साइड कॉम्पोनेंट में ले जाना होगा. इससे, कुंजी को असली उपयोगकर्ताओं के सामने आने से रोका जा सकेगा. Cloud Run का इस्तेमाल करके डिप्लॉय करने पर, इसकी ज़रूरत नहीं होती.
  • कुंजी के दिखने की चेतावनी: क्लाइंट-साइड एनवायरमेंट में प्लेसहोल्डर को असली एपीआई कुंजी से बदलने का सुझाव नहीं दिया जाता. ऐसा इसलिए, क्योंकि कुंजी किसी भी उपयोगकर्ता को दिख जाएगी.

ऐप्लिकेशन शेयर करते समय गड़बड़ी हुई

अगर आपने अपना ऐप्लिकेशन शेयर किया है और असली उपयोगकर्ता को शेयर किए गए यूआरएल का इस्तेमाल करते समय, 403 ऐक्सेस प्रतिबंधित है गड़बड़ी का सामना करना पड़ता है, तो इसकी वजह इनमें से कोई एक हो सकती है:

  • ब्राउज़र एक्सटेंशन: Privacy Badger जैसे निजता एक्सटेंशन, ऐप्लिकेशन को ब्लॉक कर सकते हैं. इस गड़बड़ी से बचने के लिए, एक्सटेंशन को बंद करें.
  • बिल्ड से जुड़ी समस्याएं: मौजूदा कोड में समस्याएं हो सकती हैं. एजेंट को "मौजूदा कोड से जुड़ी किसी भी समस्या को ठीक करने" के लिए कहें. इसके बाद, यूआरएल को फिर से शेयर करें.

आगे क्या करना है