ऐप्लिकेशन प्रोटोटाइपिंग एजेंट का इस्तेमाल शुरू करना

Firebase Studio में एक वेब-आधारित इंटरफ़ेस शामिल है. इसकी मदद से, एआई के साथ काम करने वाले वेब ऐप्लिकेशन के प्रोटोटाइप को तेज़ी से तैयार किया जा सकता है और उन्हें जनरेट किया जा सकता है. इसके लिए, अलग-अलग तरह के प्रॉम्प्ट का इस्तेमाल किया जाता है. जैसे, नैचुरल लैंग्वेज, इमेज, और ड्रॉइंग टूल. यह एजेंट, Next.js ऐप्लिकेशन के साथ काम करता है. आने वाले समय में, अन्य प्लैटफ़ॉर्म और फ़्रेमवर्क के साथ भी काम करने की योजना है.

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

• अगर आपका ऐप्लिकेशन एआई का इस्तेमाल करता है, तो: Firebase Studio, Gemini के साथ काम करने के लिए, Genkit फ़्लो की मदद से आपके ऐप्लिकेशन में Gemini Developer API जोड़ता है. आपके पास अपनी Gemini API पासकोड का इस्तेमाल करने का विकल्प है. इसके अलावा, Firebase Studio को आपके लिए Firebase प्रोजेक्ट और Gemini API पासकोड उपलब्ध कराने की अनुमति भी दी जा सकती है.

• अगर आपको अपना ऐप्लिकेशन वेब पर पब्लिश करना है, तो: Firebase Studio एक प्रोजेक्ट बनाता है और Firebase App Hosting की मदद से, आपके ऐप्लिकेशन को तुरंत पब्लिश करने का तरीका बताता है.

अहम जानकारी: जब App Prototyping agent, Gemini API पासकोड और Firebase की अन्य सेवाओं को सेट अप करता है, तो वह वर्कस्पेस से जोड़ने के लिए एक नया Firebase प्रोजेक्ट बनाता है. फ़िलहाल, App Prototyping agent व्यू से पब्लिश करते समय, सिर्फ़ इस प्रोजेक्ट को जोड़ा जा सकता है. ध्यान दें कि GitHub में अपना कोड देखकर और App Hosting बैकएंड बनाकर, अन्य Firebase प्रोजेक्ट में पब्लिश किया जा सकता है. Firebase की सेवाओं को इंटिग्रेट करने के लिए, Code view का भी इस्तेमाल किया जा सकता है.

Firebase Studio में, ऐप्लिकेशन को बेहतर बनाने के लिए, सामान्य भाषा, इमेज, और ड्रॉइंग टूल का इस्तेमाल किया जा सकता है. साथ ही, कोड में सीधे बदलाव किया जा सकता है, बदलावों को पहले जैसा किया जा सकता है, ऐप्लिकेशन को पब्लिश किया जा सकता है, और उसकी परफ़ॉर्मेंस को मॉनिटर किया जा सकता है.

ध्यान दें: ऐप्लिकेशन प्रोटोटाइपिंग एजेंट की मदद से, Next.js का इस्तेमाल करके वेब ऐप्लिकेशन बनाए जा सकते हैं. अन्य प्लैटफ़ॉर्म और फ़्रेमवर्क के लिए, यह सुविधा जल्द ही उपलब्ध होगी!

शुरू करें

App Prototyping agent का इस्तेमाल शुरू करने के लिए, यह तरीका अपनाएं:

1. अपने Google खाते में लॉग इन करें और Firebase Studio खोलें.

2. एआई की मदद से ऐप्लिकेशन का प्रोटोटाइप बनाएं फ़ील्ड में, अपने ऐप्लिकेशन के आइडिया के बारे में सामान्य भाषा में बताएं.

   उदाहरण के लिए, रेसिपी जनरेट करने वाला ऐप्लिकेशन बनाने के लिए, इस तरह का प्रॉम्प्ट डाला जा सकता है:

   Use secure coding practices to create an error-free web app that lets
   users upload a photo or take a picture with their browser
   camera. The app identifies the food in the picture and generates a
   recipe and accompanying image that includes that food.
   
   If no food product is identified, generate a random dessert recipe.
   

   सलाह: बेहतर नतीजे पाने के लिए, प्रॉम्प्ट में ज़्यादा से ज़्यादा सटीक जानकारी दें. अपनी पसंद की सुविधाएं, उपयोगकर्ता वर्कफ़्लो, और डेटा की ज़रूरी शर्तें शामिल करें. यह भी समझें कि एआई के साथ डेवलपमेंट की सबसे असरदार प्रोसेस, बार-बार की जाने वाली प्रोसेस होती हैं. साथ ही, Firebase में Gemini की मदद से, सुविधाओं को बेहतर बनाया जा सकता है और उनमें बदलाव किया जा सकता है. असरदार प्रॉम्प्ट बनाने के बारे में ज़्यादा जानें.

3. इसके अलावा, प्रॉम्प्ट के साथ कोई इमेज भी अपलोड की जा सकती है. उदाहरण के लिए, आपके पास ऐसी इमेज अपलोड करने का विकल्प है जिसमें वह कलर स्कीम हो जिसका इस्तेमाल आपके ऐप्लिकेशन को करना है. साथ ही, Firebase Studio को इसका इस्तेमाल करने के लिए कहें. इमेज का साइज़ तीन एमबी से कम होना चाहिए.

4. एआई की मदद से प्रोटोटाइप बनाएं पर क्लिक करें.

   Gemini आपके प्रॉम्प्ट के आधार पर, ऐप्लिकेशन का ब्लूप्रिंट जनरेट करता है. इसमें, ऐप्लिकेशन का सुझाया गया नाम, ज़रूरी सुविधाएं, और स्टाइल के दिशा-निर्देश शामिल होते हैं.

5. ब्लूप्रिंट देखें. अगर ज़रूरी हो, तो कुछ बदलाव करें. उदाहरण के लिए, ऐप्लिकेशन के लिए सुझाया गया नाम या कलर स्कीम बदलने के लिए, इनमें से किसी एक विकल्प का इस्तेमाल किया जा सकता है:

   • पसंद के मुताबिक बनाएं पर क्लिक करें और सीधे ब्लूप्रिंट में बदलाव करें. बदलाव करने के बाद, सेव करें पर क्लिक करें.

   • चैट पैनल में, बताओ... फ़ील्ड में, सवाल और संदर्भ जोड़ें. आपके पास अन्य इमेज अपलोड करने का विकल्प भी होता है.

6. इस ऐप्लिकेशन का प्रोटोटाइप बनाएं पर क्लिक करें.

   अहम जानकारी: Firebase में मौजूद Gemini, ऐसा आउटपुट जनरेट कर सकता है जो आपको सही लगे, लेकिन असल में गलत हो. यह गलत जानकारी दे सकता है, जो Google की राय से अलग हो सकती है. Gemini से मिलने वाले किसी भी तरह के आउटपुट का इस्तेमाल करने से पहले, उसकी पुष्टि कर लें. साथ ही, प्रोडक्शन में ऐसे जनरेट किए गए कोड का इस्तेमाल न करें जिसकी जांच न की गई हो. चैट में, व्यक्तिगत पहचान से जुड़ी जानकारी (पीआईआई) या उपयोगकर्ता का डेटा डालने से बचें.

7. ऐप्लिकेशन प्रोटोटाइपिंग एजेंट, आपके ऐप्लिकेशन को कोड करना शुरू कर देता है.

   • अगर आपका ऐप्लिकेशन एआई का इस्तेमाल करता है, तो आपसे Gemini API पासकोड जोड़ने या जनरेट करने के लिए कहा जाएगा. अपने-आप जनरेट करें पर क्लिक करने पर, App Prototyping agent आपके लिए एक Firebase प्रोजेक्ट और एक Gemini API कुंजी उपलब्ध कराता है.
   अहम जानकारी: अगर आपने अपने-आप जनरेट करें विकल्प चुना है, तो App Prototyping agent आपकी ओर से एक Firebase प्रोजेक्ट बनाता है. यह प्रोजेक्ट, आपके Firebase Studio वर्कस्पेस के नाम से मेल खाने वाले प्रीफ़िक्स के साथ बनाया जाता है. साथ ही, प्रोजेक्ट में एक नई Gemini API कुंजी बनाई जाती है. यह पासकोड को आपके Firebase Studio फ़ाइल फ़ोल्डर में .env फ़ाइल में भी सेव करता है. किसी भी समय अपना नया प्रोजेक्ट ऐक्सेस करने के लिए, पेज पर सबसे ऊपर मौजूद प्रोजेक्ट के नाम पर क्लिक करें. आने वाले समय में अपनी Gemini API कुंजी को कॉपी या मिटाने के लिए, Google Cloud कंसोल का इस्तेमाल करें.

जांच करना, बेहतर बनाना, डीबग करना, और बार-बार आज़माना

शुरुआती ऐप्लिकेशन जनरेट होने के बाद, उसे टेस्ट किया जा सकता है, बेहतर बनाया जा सकता है, डीबग किया जा सकता है, और उसमें बदलाव किया जा सकता है.

• अपने ऐप्लिकेशन की समीक्षा करें और उससे इंटरैक्ट करें: कोड जनरेट होने के बाद, आपके ऐप्लिकेशन की झलक दिखती है. इसकी जांच करने के लिए, सीधे झलक के साथ इंटरैक्ट किया जा सकता है. ज़्यादा जानने के लिए, अपने ऐप्लिकेशन की झलक देखना लेख पढ़ें.

• गड़बड़ियां होने पर उन्हें ठीक करना: ज़्यादातर मामलों में, App Prototyping agent आपको गड़बड़ियां ठीक करने के लिए कहा जाता है. गड़बड़ी ठीक करने के लिए, गड़बड़ी ठीक करें पर क्लिक करें.

  अगर आपको ऐसी गड़बड़ियां मिलती हैं जिन्हें अपने-आप ठीक करने के लिए कहा नहीं जाता, तो चैट विंडो में गड़बड़ी और उससे जुड़ी जानकारी (उदाहरण के लिए, "क्या आप मेरे Firebase को शुरू करने वाले कोड में इस गड़बड़ी को ठीक कर सकते हैं?") को कॉपी करें और Gemini को भेजें.

  सलाह: Gemini अपने फ़ैसले की वजह बताता है. हालांकि, आपके पास यह भी पूछने का विकल्प होता है कि वह अपना फ़ैसला लेने से पहले, अपनी योजना के बारे में बताए.

• सामान्य भाषा का इस्तेमाल करके टेस्ट करें और बदलाव करें: अपने ऐप्लिकेशन की अच्छी तरह से जांच करें और App Prototyping agent का इस्तेमाल करके, कोड और ब्लूप्रिंट में तब तक बदलाव करें, जब तक आपको इनसे संतुष्टि न मिल जाए.

  Prototyper mode, you can also use the following features: में रहते हुए

  • प्रीव्यू विंडो पर सीधे ड्रॉ करने के लिए, एनोटेट करें पर क्लिक करें. उपलब्ध आकार, इमेज, और टेक्स्ट टूल का इस्तेमाल करें. साथ ही, टेक्स्ट प्रॉम्प्ट का इस्तेमाल करके विज़ुअल तौर पर बताएं कि आपको App Prototyping agent में क्या बदलाव करना है. हालांकि, टेक्स्ट प्रॉम्प्ट का इस्तेमाल करना ज़रूरी नहीं है.

  • कोई एलिमेंट चुनने के लिए, चुनें पर क्लिक करें. इसके बाद, App Prototyping agent के लिए निर्देश डालें. इसकी मदद से, किसी खास आइकॉन, बटन, टेक्स्ट या दूसरे एलिमेंट को तुरंत टारगेट किया जा सकता है. किसी इमेज पर क्लिक करने पर, आपके पास Unsplash से स्टॉक इमेज खोजने और चुनने का विकल्प भी होता है.

  इसके अलावा, झलक का लिंक शेयर करें पर क्लिक करके, Firebase Studio सार्वजनिक झलक का इस्तेमाल करके, अपने ऐप्लिकेशन को सार्वजनिक तौर पर और कुछ समय के लिए शेयर किया जा सकता है.

• सीधे कोड में डीबग करें और उसमें बदलाव करें: Code व्यू खोलने के लिए, कोड पर स्विच करें पर क्लिक करें. यहां आपको अपने ऐप्लिकेशन की सभी फ़ाइलें दिखेंगी और सीधे अपने कोड में बदलाव किया जा सकेगा. Prototyper mode at any time. पर वापस स्विच किया जा सकता है

  Code व्यू में, इन मददगार सुविधाओं का भी इस्तेमाल किया जा सकता है:

  • अपने ऐप्लिकेशन की जांच करने, डीबग करने, और ऑडिट करने के लिए, Firebase Studio की डीबग करने और रिपोर्ट करने की सुविधाएं इस्तेमाल करें.

  • Firebase में Gemini का इस्तेमाल करके एआई की मदद पाना. इसके लिए, कोड में इनलाइन या इंटरैक्टिव चैट का इस्तेमाल किया जा सकता है. दोनों ही सुविधाएं डिफ़ॉल्ट रूप से उपलब्ध हैं. इंटरैक्टिव चैट की मदद से, समस्याओं का पता लगाया जा सकता है, उनके समाधान दिए जा सकते हैं, और ऐप्लिकेशन को तेज़ी से ठीक करने के लिए टूल चलाए जा सकते हैं. चैट को ऐक्सेस करने के लिए, वर्कस्पेस में सबसे नीचे मौजूद स्पार्कGemini पर क्लिक करें.

  • डेटाबेस और पुष्टि करने से जुड़ा डेटा देखने के लिए, Firebase Local Emulator Suite को ऐक्सेस करें. अपने वर्कस्पेस में एमुलेटर खोलने के लिए:

    1. कोड पर स्विच करें पर क्लिक करें. इसके बाद, Firebase Studio एक्सटेंशन (Ctrl+',Ctrl+' या MacOS पर Cmd+',Cmd+') खोलें.

    2. स्क्रोल करके बैकएंड पोर्ट पर जाएं और उसे बड़ा करें.

    3. पोर्ट 4000 से जुड़े कार्रवाइयां कॉलम में, नई विंडो में खोलें पर क्लिक करें.

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

  Genkit डेवलपर यूज़र इंटरफ़ेस (यूआई) में अपने Genkit फ़्लो लोड करने और टेस्टिंग शुरू करने के लिए:

  1. Firebase Studio वर्कस्पेस में टर्मिनल से, Gemini API कुंजी को सोर्स करने और Genkit सर्वर को शुरू करने के लिए, यह कमांड चलाएं:

      npm run genkit:watch
     

  2. Genkit डेवलपर यूज़र इंटरफ़ेस (यूआई) के लिंक पर क्लिक करें. Genkit डेवलपर यूज़र इंटरफ़ेस (यूआई), एक नई विंडो में खुलता है. इसमें आपके फ़्लो, प्रॉम्प्ट, एम्बेडर, और उपलब्ध अलग-अलग मॉडल के विकल्प होते हैं.

  Genkit डेवलपर टूल पर जाकर, Genkit डेवलपर यूज़र इंटरफ़ेस के बारे में ज़्यादा जानें.

Firebase App Hosting की मदद से अपना ऐप्लिकेशन पब्लिश करना

अपने ऐप्लिकेशन की जांच करने और उसे अपने वर्कस्पेस में इस्तेमाल करने के बाद, Firebase App Hosting का इस्तेमाल करके उसे वेब पर पब्लिश किया जा सकता है.

अहम जानकारी: Firebase App Hosting के लिए, Cloud Billing खाते की ज़रूरत होती है. किसी बिलिंग खाते को Firebase प्रोजेक्ट से लिंक करने पर, आपका प्रोजेक्ट अपने-आप पे-ऐज़-यू-गो Blaze कीमत वाले प्लान पर अपग्रेड हो जाता है. साथ ही, Gemini API और Firebase और Google Cloud की अन्य सेवाओं के इस्तेमाल को पैसे चुकाकर इस्तेमाल किए जाने वाले टीयर पर अपग्रेड कर दिया जाता है. बिना शुल्क के मिलने वाले कोटे से ज़्यादा की पैसे चुकाकर ली जाने वाली सेवाओं के इस्तेमाल पर, आपसे शुल्क लिया जाएगा. App Hosting शुल्कों को समझना, Firebase की कीमत, और Gemini Developer API की कीमत के बारे में ज़्यादा जानें.

App Hosting सेट अप करने पर, Firebase Studio आपके लिए एक Firebase प्रोजेक्ट बनाता है. ऐसा तब किया जाता है, जब Gemini API पासकोड अपने-आप जनरेट होने की सुविधा से पहले से कोई प्रोजेक्ट न बनाया गया हो. साथ ही, Cloud Billing खाते को लिंक करने के लिए, Firebase Studio आपकी मदद करता है.

अपना ऐप्लिकेशन पब्लिश करने के लिए:

1. Firebase प्रोजेक्ट सेट अप करने और ऐप्लिकेशन पब्लिश करने के लिए, पब्लिश करें पर क्लिक करें. अपना ऐप्लिकेशन पब्लिश करें पैनल दिखेगा.

   अहम जानकारी: अगर आपने Gemini API कीवर्ड अपने-आप जनरेट होने की सुविधा चालू नहीं की है, तो पब्लिश करें पर क्लिक करने पर, Firebase Studio आपकी ओर से Firebase प्रोजेक्ट बना देगा. Firebase प्रोजेक्ट को ऐक्सेस करने के लिए, पेज पर सबसे ऊपर मौजूद प्रोजेक्ट के नाम पर क्लिक करें.

2. Firebase प्रोजेक्ट चरण में, App Prototyping agent, वर्कस्पेस से जुड़ा Firebase दिखाता है. अगर Gemini API पासकोड जनरेट करने के दौरान कोई प्रोजेक्ट नहीं बनाया गया था, तो यह आपके लिए एक नया प्रोजेक्ट बनाएगा. आगे बढ़ने के लिए, आगे बढ़ें पर क्लिक करें.

3. Cloud Billing खाता लिंक करें चरण में, इनमें से कोई एक विकल्प चुनें:

   • वह Cloud Billing खाता चुनें जिसे आपको अपने Firebase प्रोजेक्ट से लिंक करना है.

   • अगर आपके पास Cloud Billing खाता नहीं है या आपको नया खाता बनाना है, तो Cloud Billing खाता बनाएं पर क्लिक करें. इससे Google Cloud कंसोल खुलेगा. यहां खुद से मैनेज किया जा सकने वाला नया Cloud Billing खाता बनाया जा सकता है. खाता बनाने के बाद, Firebase Studio पर वापस जाएं और Cloud Billing लिंक करें सूची से खाता चुनें.

4. आगे बढ़ें पर क्लिक करें. Firebase Studio, बिलिंग खाते को आपके Workspace से जुड़े प्रोजेक्ट से लिंक करता है. यह प्रोजेक्ट, Gemini API पासकोड अपने-आप जनरेट होने पर या पब्लिश करें पर क्लिक करने पर बनता है.

   अहम जानकारी: Firebase App Hosting के लिए, Cloud Billing खाते की ज़रूरत होती है. किसी बिलिंग खाते को Firebase प्रोजेक्ट से लिंक करने पर, आपका प्रोजेक्ट अपने-आप पे-ऐज़-यू-गो Blaze कीमत वाले प्लान पर अपग्रेड हो जाता है. साथ ही, Gemini API और Firebase और Google Cloud की अन्य सेवाओं के इस्तेमाल को पैसे चुकाकर इस्तेमाल किए जाने वाले टीयर पर अपग्रेड कर दिया जाता है. बिना शुल्क के मिलने वाले कोटे से ज़्यादा की पैसे चुकाकर ली जाने वाली सेवाओं के इस्तेमाल पर, आपसे शुल्क लिया जाएगा. ज़्यादा जानने के लिए, App Hosting शुल्कों को समझें, Firebase की कीमत, और Gemini Developer API की कीमत पर जाएं.

5. सेवाएं सेट अप करें पर क्लिक करें. ऐप्लिकेशन प्रोटोटाइपिंग एजेंट, Firebase की सेवाओं को उपलब्ध कराने की प्रोसेस शुरू करता है.

6. अभी पब्लिश करें पर क्लिक करें. Firebase Studio, Firebase की सेवाएं सेट अप करता है . इस प्रोसेस को पूरा होने में कुछ मिनट लग सकते हैं. इस बारे में ज़्यादा जानने के लिए कि पर्दे के पीछे क्या हो रहा है, App Hosting बिल्ड करने की प्रोसेस देखें.

   सलाह: अगर आपको अभी पब्लिश नहीं करना है, तो बाद में पब्लिश करें पर क्लिक करें.

7. पब्लिश करने की प्रोसेस पूरी होने के बाद, ऐप्लिकेशन की खास जानकारी दिखती है. इसमें ऐप्लिकेशन का यूआरएल और App Hosting निगरानी की सुविधा से मिली अहम जानकारी शामिल होती है. Firebase से जनरेट किए गए डोमेन के बजाय, Firebase कंसोल में कस्टम डोमेन जोड़ा जा सकता है. जैसे, example.com या app.example.com.

सलाह: अगर पब्लिश करने के दौरान आपको कोई गड़बड़ी मिलती है, तो पब्लिश करने से जुड़ी गड़बड़ियों को ढूंढने और ठीक करने के तरीके के बारे में जानने के लिए, मुझे ऐप्लिकेशन पब्लिश करने के बाद "ऐप्लिकेशन पब्लिश नहीं हो सका" गड़बड़ी का मैसेज मिला लेख पढ़ें.

App Hosting के बारे में ज़्यादा जानकारी के लिए, App Hosting और इसके काम करने के तरीके को समझना लेख पढ़ें.

Firebase App Check और reCAPTCHA Enterprise की मदद से, अपने ऐप्लिकेशन को सुरक्षित करना

अगर आपने अपने ऐप्लिकेशन में Firebase या Google Cloud की सेवाओं को इंटिग्रेट किया है, तो Firebase App Check आपके ऐप्लिकेशन के बैकएंड को गलत इस्तेमाल से बचाने में मदद करता है. ऐसा, बिना अनुमति वाले क्लाइंट को आपके Firebase संसाधनों को ऐक्सेस करने से रोककर किया जाता है. यह आपके संसाधनों को सुरक्षित रखने के लिए, Google की सेवाओं (इनमें Firebase और Google Cloud की सेवाएं भी शामिल हैं) और आपके कस्टम बैकएंड, दोनों के साथ काम करता है.

हमारा सुझाव है कि सार्वजनिक तौर पर पोस्ट किए जाने वाले किसी भी ऐप्लिकेशन में App Check जोड़ें. इससे, आपके बैकएंड संसाधनों का गलत इस्तेमाल होने से बचा जा सकता है.

इस सेक्शन में, App Prototyping agent से बनाए गए वेब ऐप्लिकेशन के लिए, reCAPTCHA Enterprise का इस्तेमाल करके, Firebase Studio में App Check सेट अप करने का तरीका बताया गया है. हालांकि, Firebase की सेवाओं को लागू करने वाले और कस्टम प्रोवाइडर को लागू करने वाले किसी भी ऐप्लिकेशन में App Check सेट अप किया जा सकता है. ज़्यादा जानने के लिए, Firebase App Check पर जाएं.

ReCAPTCHA Enterprise, बिना किसी शुल्क के ज़्यादा से ज़्यादा 10,000 आकलन की सुविधा देता है.

पहला चरण: अपने ऐप्लिकेशन के लिए reCAPTCHA Enterprise सेट अप करना

1. Google Cloud कंसोल में, reCAPTCHA Enterprise सेक्शन खोलें.

2. Google Cloud कंसोल के प्रोजेक्ट पिकर से, अपने Firebase प्रोजेक्ट का नाम चुनें.

3. अगर आपसे reCAPTCHA Enterprise API चालू करने के लिए कहा जाता है, तो ऐसा करें.

4. शुरू करें पर क्लिक करें और अपनी reCAPTCHA साइट कुंजी के लिए डिसप्ले नेम जोड़ें.

5. डिफ़ॉल्ट वेब ऐप्लिकेशन टाइप कुंजी स्वीकार करें.

6. डोमेन जोड़ें पर क्लिक करें और कोई डोमेन जोड़ें. आपको अपना App Hosting डोमेन (उदाहरण के लिए, studio--PROJECT_ID.REGION.hosted.app) और अपने ऐप्लिकेशन के साथ इस्तेमाल किए जाने वाले या इस्तेमाल करने के लिए चुने गए कस्टम डोमेन जोड़ने होंगे.

7. अगला चरण पर क्लिक करें.

8. क्या आपको चैलेंज का इस्तेमाल करना है? को चुने हुए के तौर पर सेट न करें.

9. कुंजी बनाएं पर क्लिक करें.

10. अपना कुंजी आईडी कॉपी करके सेव करें. इसके बाद, App Check कॉन्फ़िगर करें पर जाएं.

दूसरा चरण: App Check कॉन्फ़िगर करना

1. Firebase कंसोल खोलें और नेविगेशन मेन्यू में जाकर, बिल्ड > ऐप्लिकेशन की जांच करें पर क्लिक करें.

2. शुरू करें पर क्लिक करें. इसके बाद, अपने ऐप्लिकेशन के बगल में मौजूद रजिस्टर करें पर क्लिक करें.

3. reCAPTCHA को बड़ा करने के लिए क्लिक करें और reCAPTCHA Enterprise के लिए जनरेट किया गया कुंजी आईडी चिपकाएं.

4. सेव करें पर क्लिक करें.

तीसरा चरण: अपने कोड में App Check जोड़ना

1. Firebase Studio पर वापस जाएं और Code व्यू में, अपनी .env फ़ाइल में जनरेट की गई साइट कुंजी जोड़ें:

   NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY
   

2. अगर आपने .env में पहले से Firebase कॉन्फ़िगरेशन सेव नहीं किया है, तो इसे पाने के लिए:

   • Firebase कंसोल में, प्रोजेक्ट सेटिंग खोलें और उसे अपने ऐप्लिकेशन से जुड़े सेक्शन में ढूंढें.

   • Code व्यू में टर्मिनल से:

     1. Firebase में लॉग इन करें: firebase auth login
     2. अपना प्रोजेक्ट चुनें: firebase use FIREBASE_PROJECT_ID
     3. Firebase कॉन्फ़िगरेशन पाएं: firebase apps:sdkconfig

3. अपनी .env फ़ाइल में कॉन्फ़िगरेशन जोड़ें, ताकि वह कुछ ऐसा दिखे:

   NEXT_PUBLIC_FIREBASE_API_KEY=FIREBASE_API_KEY
   NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=FIREBASE_AUTH_DOMAIN
   NEXT_PUBLIC_FIREBASE_PROJECT_ID=FIREBASE_PROJECT_ID
   NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=FIREBASE_STORAGE_BUCKET
   NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=FIREBASE_MESSAGING_SENDER_ID
   NEXT_PUBLIC_FIREBASE_APP_ID=FIREBASE_APP_ID
   NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY
   

4. अपने ऐप्लिकेशन कोड में App Check जोड़ें. Gemini से अपने ऐप्लिकेशन में reCAPTCHA Enterprise के साथ App Check जोड़ने के लिए कहा जा सकता है. इसके लिए, "reCAPTCHA Enterprise" की जानकारी ज़रूर दें और इसकी दोबारा जांच करें! इसके अलावा, App Check को शुरू करना में दिए गए निर्देशों का पालन करें.

5. अपनी साइट को App Hosting पर फिर से पब्लिश करें. कुछ डेटा जनरेट करने के लिए, अपनी Firebase सुविधाओं की जांच करें.

6. बिल्ड > ऐप्लिकेशन की जांच करें खोलकर पुष्टि करें कि App Check को Firebase कंसोल में अनुरोध मिल रहे हैं.

7. Firebase की सेवाओं की जांच करने के लिए क्लिक करें. अनुरोध मिलने की पुष्टि करने के बाद, App Check लागू करने के लिए, लागू करें पर क्लिक करें.

8. Firebase Authentication के लिए, पुष्टि और नीति उल्लंघन ठीक करने की प्रोसेस दोहराएं.

अगर App Check के लिए अपने ऐप्लिकेशन को रजिस्टर करने के बाद, आपको अपने ऐप्लिकेशन को ऐसे एनवायरमेंट में चलाना है जिसे App Check आम तौर पर मान्य नहीं मानता, जैसे कि डेवलपमेंट के दौरान लोकल तौर पर या लगातार इंटिग्रेशन (सीआई) वाले एनवायरमेंट से, तो अपने ऐप्लिकेशन का डीबग बिल्ड बनाया जा सकता है. यह बिल्ड, पुष्टि करने वाली असली कंपनी के बजाय App Check डीबग प्रोवाइडर का इस्तेमाल करता है. ज़्यादा जानने के लिए, वेब ऐप्लिकेशन में डीबग प्रोवाइडर के साथ App Check का इस्तेमाल करना लेख पढ़ें.

अपने ऐप्लिकेशन पर नज़र रखना

Firebase Studio में ऐप्लिकेशन की खास जानकारी पैनल, आपके ऐप्लिकेशन के बारे में अहम मेट्रिक और जानकारी देता है. इससे, App Hosting में पहले से मौजूद निगरानी टूल का इस्तेमाल करके, अपने वेब ऐप्लिकेशन की परफ़ॉर्मेंस को मॉनिटर किया जा सकता है. साइट के रोल आउट होने के बाद, पब्लिश करें पर क्लिक करके खास जानकारी को ऐक्सेस किया जा सकता है. इस पैनल से, ये काम किए जा सकते हैं:

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

अगर आपने ऐप्लिकेशन की खास जानकारी वाला पैनल बंद कर दिया है, तो पब्लिश करें पर क्लिक करके, इसे कभी भी फिर से खोला जा सकता है.

App Hosting रोलआउट को मैनेज करने और उनकी निगरानी करने के बारे में ज़्यादा जानने के लिए, रोलआउट और रिलीज़ मैनेज करें पर जाएं.

डिप्लॉयमेंट को रोल बैक करना

अगर आपने App Hosting पर अपने ऐप्लिकेशन के एक से ज़्यादा वर्शन डिप्लॉय किए हैं, तो उसे किसी पुराने वर्शन पर वापस रोल किया जा सकता है. इसे हटाया भी जा सकता है.

• पब्लिश की गई साइट को रोल बैक करने के लिए:

  1. Firebase कंसोल में App Hosting खोलें.

  2. अपने ऐप्लिकेशन का बैकएंड ढूंढें, देखें पर क्लिक करें. इसके बाद, रोल आउट पर क्लिक करें.

  3. आपको जिस डिप्लॉयमेंट पर वापस जाना है उसके बगल में, ज़्यादा पर क्लिक करें. इसके बाद, इस बिल्ड पर वापस जाएं को चुनें और पुष्टि करें.

  ज़्यादा जानने के लिए, रोलआउट और रिलीज़ मैनेज करना लेख पढ़ें.

• वेब से अपना App Hosting डोमेन हटाने के लिए:

  1. Firebase कंसोल में, App Hosting खोलें. इसके बाद, Firebase Studio ऐप्लिकेशन सेक्शन में जाकर, देखें पर क्लिक करें.

  2. बैकएंड की जानकारी सेक्शन में, मैनेज करें पर क्लिक करें. डोमेन पेज लोड हो जाता है.

  3. अपने डोमेन के बगल में, ज़्यादा पर क्लिक करें. इसके बाद, डोमेन बंद करें चुनें और पुष्टि करें.

  इससे आपका डोमेन वेब से हट जाता है. अपना App Hosting बैकएंड पूरी तरह से हटाने के लिए, बैकएंड मिटाना में दिए गए निर्देशों का पालन करें.

डिप्लॉय की गई सुविधाओं के लिए Genkit निगरानी का इस्तेमाल करना

अपने एआई फ़्लो कोड में टेलीमेट्री की सुविधा चालू करके, Genkit सुविधा के चरणों, इनपुट, और आउटपुट पर नज़र रखी जा सकती है. Genkit की टेलीमेट्री सुविधा की मदद से, एआई फ़्लो की परफ़ॉर्मेंस और इस्तेमाल को मॉनिटर किया जा सकता है. इस डेटा की मदद से, आपको उन जगहों का पता चल सकता है जहां सुधार की ज़रूरत है. साथ ही, समस्याओं को हल करने, बेहतर परफ़ॉर्मेंस और कम लागत के लिए अपने प्रॉम्प्ट और फ़्लो को ऑप्टिमाइज़ करने, और समय के साथ अपने फ़्लो के इस्तेमाल को ट्रैक करने में मदद मिल सकती है.

Genkit में मॉनिटरिंग सेट अप करने के लिए, Genkit एआई फ़्लो में टेलीमेट्री जोड़ें और फिर Firebase कंसोल में नतीजे देखें.

अहम जानकारी: Genkit मॉनिटरिंग, Google Cloud के लॉगिंग, मेट्रिक, और ट्रेस में रिकॉर्ड किए गए टेलीमेट्री डेटा पर निर्भर करती है. ये सेवाएं पैसे चुकाकर ली जाती हैं. कीमत की जानकारी और बिना किसी शुल्क के मिलने वाले टियर की सीमाओं के बारे में जानने के लिए, Google Cloud के निगरानी टूल की कीमत पेज देखें.

पहला चरण: Firebase Studio में अपने Genkit फ़्लो कोड में टेलीमेट्री जोड़ना

अपने कोड में मॉनिटरिंग सेट अप करने के लिए:

1. अगर आप पहले से Code व्यू में नहीं हैं, तो उसे खोलने के लिए कोड पर स्विच करें पर क्लिक करें.

2. Genkit के इंस्टॉल किए गए वर्शन की पुष्टि करने के लिए, package.json को चुनें.

3. टर्मिनल खोलें (MacOS में Ctrl-Shift-C या Cmd-Shift-C).

4. टर्मिनल में क्लिक करें और package.json फ़ाइल से मैच होने वाले वर्शन का इस्तेमाल करके, Firebase प्लगिन इंस्टॉल करें. उदाहरण के लिए, अगर आपके package.json में Genkit पैकेज 1.0.4 पर हैं, तो प्लग इन इंस्टॉल करने के लिए, आपको यह कमांड चलाना चाहिए:

   npm i --save @genkit-ai/firebase@1.0.4

5. एक्सप्लोरर में जाकर, src > ai > flows को बड़ा करें. flows फ़ोल्डर में, एक या उससे ज़्यादा TypeScript फ़ाइलें दिखती हैं. इनमें आपके Genkit फ़्लो शामिल होते हैं.

6. किसी फ़्लो को खोलने के लिए उस पर क्लिक करें.

   सलाह: फ़ाइल के prompt सेक्शन पर ध्यान दें: Gemini के जवाबों को बेहतर बनाने के लिए, इसमें मैन्युअल तरीके से बदलाव किया जा सकता है.

7. फ़ाइल के इंपोर्ट सेक्शन में सबसे नीचे, FirebaseTelemetry को इंपोर्ट करने और चालू करने के लिए, यह जोड़ें:

   import { enableFirebaseTelemetry } from '@genkit-ai/firebase';
   
   enableFirebaseTelemetry();
   

   सलाह: Genkit में बेहतर टेलीमेट्री विकल्पों के बारे में ज़्यादा जानने के लिए, बेहतर कॉन्फ़िगरेशन देखें.

दूसरा चरण: अनुमतियां सेट अप करना

Firebase Studio ने आपके Firebase प्रोजेक्ट को सेट अप करते समय, आपके लिए ज़रूरी एपीआई चालू किए हैं. हालांकि, आपको App Hosting सेवा खाते को भी अनुमतियां देनी होंगी.

अनुमतियां सेट अप करने के लिए:

1. Google Cloud IAM कंसोल खोलें और अपना प्रोजेक्ट चुनें. इसके बाद, ऐप्लिकेशन होस्टिंग सेवा खाते को ये भूमिकाएं दें:

   • मेट्रिक राइटर को मॉनिटर करना (roles/monitoring.metricWriter)
   • Cloud Trace एजेंट (roles/cloudtrace.agent)
   • लॉग लेखक (roles/logging.logWriter)

2. App Hosting पर अपना ऐप्लिकेशन फिर से पब्लिश करें.

3. पब्लिश करने की प्रोसेस पूरी होने के बाद, अपना ऐप्लिकेशन लोड करें और उसका इस्तेमाल शुरू करें. पांच मिनट के बाद, आपका ऐप्लिकेशन टेलीमेट्री डेटा को लॉग करना शुरू कर देगा.

तीसरा चरण: Firebase कंसोल पर, जनरेटिव एआई की सुविधाओं को मॉनिटर करना

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

Genkit की मदद से लागू की गई एआई की सुविधाओं को मॉनिटर करने के लिए:

1. पांच मिनट बाद, Firebase कंसोल में Genkit खोलें और Genkit के प्रॉम्प्ट और जवाबों की समीक्षा करें.

   Genkit, स्टैबिलिटी मेट्रिक को कंपाइल करता है:

   • कुल अनुरोध: आपके फ़्लो को मिले अनुरोधों की कुल संख्या.
   • सफलता दर: उन अनुरोधों का प्रतिशत जिन्हें सही तरीके से प्रोसेस किया गया.
   • 95वें पर्सेंटाइल के हिसाब से इंतज़ार का समय: आपके फ़्लो का 95वां पर्सेंटाइल के हिसाब से इंतज़ार का समय, जो 95% अनुरोधों को प्रोसेस होने में लगने वाला समय होता है.

   • टोकन का इस्तेमाल:

     • इनपुट टोकन: प्रॉम्प्ट में मॉडल को भेजे गए टोकन की संख्या.
     • आउटपुट टोकन: रिस्पॉन्स में मॉडल से जनरेट किए गए टोकन की संख्या.

   • इमेज का इस्तेमाल:

     • इनपुट इमेज: प्रॉम्प्ट में मॉडल को भेजी गई इमेज की संख्या.
     • आउटपुट इमेज: जवाब में मॉडल की ओर से जनरेट की गई इमेज की संख्या.

   बिना रुकावट Android का इस्तेमाल करने से जुड़ी मेट्रिक को बड़ा करने पर, ज़्यादा जानकारी वाले ग्राफ़ दिखते हैं:

   • समय के साथ अनुरोध की संख्या.
   • समय के साथ, सफलता की दर.
   • समय के साथ इनपुट और आउटपुट टोकन.
   • समय के साथ, इंतज़ार का समय (95वां और 50वां पर्सेंटाइल).

Genkit पर जाकर, Genkit के बारे में ज़्यादा जानें.

सलाह: App Prototyping agent की मदद से, ऐप्लिकेशन के पूरे लाइफ़साइकल के बारे में जानने के लिए, Firebase Studio की मदद से फ़ुल-स्टैक वेब ऐप्लिकेशन डेवलप, पब्लिश, और मॉनिटर करने लेख पढ़ें. इसमें, ऐप्लिकेशन बनाने से लेकर पब्लिश किए गए वेब ऐप्लिकेशन को मॉनिटर करने तक की जानकारी दी गई है.

अगले चरण

• Firebase Studio की मदद से, फ़ुल-स्टैक वेब ऐप्लिकेशन डेवलप करना, पब्लिश करना, और उसे मॉनिटर करना.
• टेंप्लेट या समाधान के साथ किसी भी फ़्रेमवर्क का इस्तेमाल करके ऐप्लिकेशन बनाएं.