इस पेज पर बताया गया है कि Google AI Studio में बिल्ड मोड का इस्तेमाल करके, Gemini की नई सुविधाओं को आज़माने वाले ऐप्लिकेशन कैसे बनाए और डिप्लॉय किए जा सकते हैं. जैसे, nano banana और Live API.
अपनी प्रोफ़ाइल बनाना शुरू करें
Google AI Studio के बिल्ड मोड में वाइब कोडिंग शुरू करें. इसे कई तरीकों से बनाया जा सकता है:
- प्रॉम्प्ट से शुरुआत करें: बिल्ड मोड में, इनपुट बॉक्स का इस्तेमाल करके यह बताएं कि आपको क्या बनाना है. अपने प्रॉम्प्ट में इमेज जनरेट करने या Google Maps का डेटा इस्तेमाल करने जैसी सुविधाएँ जोड़ने के लिए, एआई चिप चुनें. आपके पास बोलकर टाइप करने की सुविधा का इस्तेमाल करके, अपनी पसंद के हिसाब से कुछ भी कहने का विकल्प भी है.
- "मेरे पास कम समय है" बटन: अगर आपको कोई क्रिएटिव आइडिया चाहिए, तो "मेरे पास कम समय है" बटन का इस्तेमाल करें. इससे Gemini, आपको प्रोजेक्ट शुरू करने के लिए एक प्रॉम्प्ट जनरेट करके देगा.
- गैलरी से किसी प्रोजेक्ट को रीमिक्स करना: AppGallery से कोई प्रोजेक्ट खोलें और ऐप्लिकेशन कॉपी करें को चुनें.
प्रॉम्प्ट चलाने के बाद, आपको ज़रूरी कोड और फ़ाइलें जनरेट होती दिखेंगी. साथ ही, दाईं ओर आपको अपने ऐप्लिकेशन की लाइव झलक दिखेगी.
क्या बनाया गया है?
प्रॉम्प्ट चलाने पर, AI Studio एक वेब ऐप्लिकेशन बनाता है. डिफ़ॉल्ट रूप से, यह एक React वेब ऐप्लिकेशन बनाएगा. हालांकि, सेटिंग मेन्यू में जाकर, Angular ऐप्लिकेशन बनाने का विकल्प चुना जा सकता है. दाईं ओर मौजूद झलक पैनल में, कोड टैब को चुनकर, जनरेट किया गया कोड देखा जा सकता है.
इन फ़ाइलों पर ध्यान दें:
- geminiService.ts: इस फ़ाइल में आपके ऐप्लिकेशन का मुख्य लॉजिक होता है. इसमें प्रॉम्प्ट बनाने से लेकर Gemini API को कॉल करने और उसके जवाबों को पार्स करने तक की जानकारी शामिल होती है. इस फ़ाइल में मौजूद बेस प्रॉम्प्ट में बदलाव किया जा सकता है. इसके अलावा, किसी भी कॉम्पोनेंट की सुविधा में सीधे तौर पर बदलाव किया जा सकता है. इसके लिए, बिल्ड मोड में जाकर Gemini से इंटरैक्टिव चैट करें. ध्यान दें कि इस फ़ाइल में मौजूद कोड, Gemini API के साथ इंटरैक्ट करने के लिए GenAI TS SDK का इस्तेमाल करता है.
बनाना जारी रखें
Google AI Studio, आपके वेब ऐप्लिकेशन के लिए शुरुआती कोड जनरेट करता है. इसके बाद, आपके पास अपने प्रोजेक्ट को जारी रखने के लिए दो मुख्य विकल्प होते हैं: AI Studio में ऐप्लिकेशन बनाना या बाहरी तौर पर ऐप्लिकेशन बनाना.
Google AI Studio में ऐप्लिकेशन बनाना
Google AI Studio के एनवायरमेंट में ही, अपने आवेदन को बेहतर बनाया जा सकता है और उसे बढ़ाया जा सकता है:
- Gemini की मदद से बेहतर बनाएँ: बिल्ड मोड में चैट पैनल का इस्तेमाल करके, Gemini से बदलाव करने, नई सुविधाएँ जोड़ने या स्टाइल बदलने के लिए कहें. उदाहरण के लिए, "उपयोगकर्ता को सूचना देने वाला बटन जोड़ो" या "कलर स्कीम को नीले और सफ़ेद रंग में बदलो" कहा जा सकता है.
- कोड में सीधे तौर पर बदलाव करना: लाइव बदलाव करने के लिए, झलक पैनल में कोड टैब खोलें. अपने प्रोजेक्ट को GitHub में सेव किया जा सकता है, ताकि डेवलपमेंट के दौरान वर्शन कंट्रोल का इस्तेमाल किया जा सके.
बाहरी तौर पर डेवलप करना
ज़्यादा बेहतर वर्कफ़्लो के लिए, कोड को एक्सपोर्ट किया जा सकता है और अपनी पसंद के एनवायरमेंट में काम किया जा सकता है:
- स्थानीय तौर पर डाउनलोड और डेवलप करें: जनरेट किए गए कोड को ZIP फ़ाइल के तौर पर एक्सपोर्ट करें और इसे अपने कोड एडिटर में इंपोर्ट करें. इससे आपको अपने जाने-पहचाने टूल, बिल्ड सिस्टम, और लोकल वर्शन कंट्रोल के तरीकों का इस्तेमाल करने की सुविधा मिलती है. इससे शुरुआती प्रोटोटाइप के बाद भी, आगे की डेवलपमेंट प्रोसेस जारी रखी जा सकती है.
- GitHub पर पुश करें: कोड को अपनी मौजूदा डेवलपमेंट और डिप्लॉयमेंट प्रोसेस के साथ इंटिग्रेट करें. इसके लिए, कोड को GitHub रिपॉज़िटरी में पुश करें.
मुख्य सुविधाएं
Google AI Studio में, ऐप्लिकेशन बनाने की प्रोसेस को आसान और विज़ुअल बनाने के लिए कई सुविधाएं शामिल हैं:
- एनोटेशन मोड: ऐप्लिकेशन के लुक में बदलाव करने के लिए कोड लिखने के बजाय, एनोटेशन मोड का इस्तेमाल करके, ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) के किसी भी हिस्से को हाइलाइट किया जा सकता है. साथ ही, यह बताया जा सकता है कि आपको क्या बदलाव करना है. उदाहरण के लिए, किसी कॉम्पोनेंट को चुनकर, "इस बटन को नीला करो" या "इस इमेज को बाईं ओर से स्लाइड इन करने के लिए ऐनिमेशन जोड़ो" टाइप किया जा सकता है. चैट में जोड़ें को चुनने पर, एनोटेट किए गए ऐप्लिकेशन के स्क्रीनशॉट के साथ एक प्रॉम्प्ट जनरेट होता है.
- अपना ऐप्लिकेशन शेयर करना: अपने बनाए गए ऐप्लिकेशन को दूसरों के साथ शेयर किया जा सकता है, ताकि वे आपके साथ मिलकर काम कर सकें या आपके काम को देख सकें.
- App Gallery: App Gallery में, प्रोजेक्ट के आइडिया की विज़ुअल लाइब्रेरी उपलब्ध होती है. Gemini की मदद से क्या-क्या किया जा सकता है, यह ब्राउज़ किया जा सकता है. साथ ही, ऐप्लिकेशन की झलक तुरंत देखी जा सकती है. इसके अलावा, उन्हें रीमिक्स करके अपने हिसाब से बनाया जा सकता है.
अपने ऐप्लिकेशन को डिप्लॉय या संग्रहित करना
ऐप्लिकेशन तैयार हो जाने के बाद, उसे सीधे AI Studio से डिप्लॉय किया जा सकता है. डेटा को डिप्लॉय करने के लिए, ये विकल्प उपलब्ध हैं:
- Google Cloud Run: अपने ऐप्लिकेशन को ज़्यादा उपयोगकर्ताओं को हैंडल करने वाली सेवा के तौर पर डिप्लॉय करें. ध्यान दें कि इस्तेमाल के आधार पर, Google Cloud Run की कीमत लागू हो सकती है.
- GitHub: अपने प्रोजेक्ट को GitHub रिपॉज़िटरी में एक्सपोर्ट करें, ताकि इसे डेवलपमेंट और डिप्लॉयमेंट के मौजूदा वर्कफ़्लो में इंटिग्रेट किया जा सके.
सीमाएं
इस सेक्शन में, Google AI Studio में बिल्ड मोड का इस्तेमाल करते समय आने वाली अहम सीमाओं के बारे में बताया गया है.
एपीआई पासकोड की सुरक्षा और एक्सपोज़र
- शेयर किए गए ऐप्लिकेशन का कोड, उन्हें देखने वाले हर व्यक्ति को दिखता है. अपनी ऐप्लिकेशन के कोड में कभी भी असली एपीआई कुंजी का सीधे तौर पर इस्तेमाल न करें.
- डिफ़ॉल्ट रूप से, ऐप्लिकेशन एपीआई पासकोड के लिए प्लेसहोल्डर (जैसे, process.env.GEMINI_API_KEY) का इस्तेमाल करते हैं. जब कोई उपयोगकर्ता, AI Studio में आपके शेयर किए गए ऐप्लिकेशन को चलाता है, तो AI Studio एक प्रॉक्सी के तौर पर काम करता है. यह प्लेसहोल्डर को असली उपयोगकर्ता के एपीआई पासकोड से बदल देता है. इससे यह पक्का होता है कि आपका पासकोड निजी बना रहे.
ऐप्लिकेशन के दिखने और उसे शेयर करने की सेटिंग
- ऐप्लिकेशन, Google Drive में सेव किए जाते हैं. साथ ही, ये Google Drive के अनुमतियों के मॉडल का इस्तेमाल करते हैं. इसका मतलब है कि ये डिफ़ॉल्ट रूप से निजी होते हैं.
- शेयर करने की अनुमतियां: किसी ऐप्लिकेशन को दूसरे उपयोगकर्ताओं के साथ शेयर करने पर:
- जिन उपयोगकर्ताओं के साथ ऐप्लिकेशन शेयर किया गया है वे कोड देख सकते हैं. साथ ही, वे अपने इस्तेमाल के लिए ऐप्लिकेशन को फ़ोर्क कर सकते हैं.
- अगर शेयर किए गए उपयोगकर्ताओं को बदलाव करने की अनुमति दी जाती है, तो वे ऐप्लिकेशन के कोड में बदलाव कर सकते हैं.
AI Studio के बाहर डिप्लॉयमेंट
- अपने ऐप्लिकेशन को Cloud Run पर सार्वजनिक यूआरएल के लिए डिप्लॉय किया जा सकता है. हालांकि, इस सेटअप में सभी उपयोगकर्ताओं के Gemini API कॉल के लिए, आपकी एपीआई कुंजी का इस्तेमाल किया जाएगा.
- JavaScript ऐप्लिकेशन, क्लाइंट साइड पर चलते हैं. इसलिए, पक्का करें कि एपीआई कुंजियों के पास सिर्फ़ सीमित ऐक्सेस हो, ताकि डेटा लीक होने या उसके गलत इस्तेमाल को रोका जा सके. उदाहरण के लिए, एक ही प्रोजेक्ट के अन्य फ़ाइल खोज स्टोर को इस तरीके से उपयोगकर्ताओं के लिए ऐक्सेस किया जा सकता है.
- सुरक्षित तरीके से बाहरी तौर पर डिप्लॉयमेंट: AI Studio के बाहर किसी ऐप्लिकेशन को सुरक्षित तरीके से चलाने के लिए (जैसे कि ज़िप फ़ाइल डाउनलोड करने के बाद), आपको एपीआई कुंजी का इस्तेमाल करने वाले लॉजिक को सर्वर-साइड कॉम्पोनेंट में ले जाना होगा. इससे, कुंजी को असली उपयोगकर्ताओं के सामने आने से रोका जा सकेगा. अगर Cloud Run का इस्तेमाल करके डिप्लॉय किया जाता है, तो इसकी ज़रूरत नहीं होती.
- कुंजी के दिखने की चेतावनी: क्लाइंट-साइड एनवायरमेंट में, प्लेसहोल्डर को असली एपीआई कुंजी से बदलने का सुझाव नहीं दिया जाता. ऐसा इसलिए, क्योंकि कुंजी किसी भी उपयोगकर्ता को दिख जाएगी.
टूल और सुविधा से जुड़ी सहायता
- स्थानीय डेवलपमेंट इंपोर्ट: फ़िलहाल, बाहरी टूल की मदद से स्थानीय तौर पर ऐप्लिकेशन डेवलप नहीं किए जा सकते. साथ ही, उन्हें AI Studio में इंपोर्ट भी नहीं किया जा सकता.
अगला चरण?
- देखें कि दूसरे लोगों ने क्या बनाया है. साथ ही, App Gallery में जाकर, किसी मौजूदा प्रोजेक्ट को रीमिक्स करके प्रेरणा पाएं.
- शुरू करने में आपकी मदद करने के लिए, YouTube प्लेलिस्ट में AI Studio के कोडिंग ट्यूटोरियल का कलेक्शन देखें.