ऐप्लिकेशन प्रोटोटाइपिंग एजेंट की मदद से, फ़ुल-स्टैक वेब ऐप्लिकेशन डेवलप करना, पब्लिश करना, और उसकी निगरानी करना

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

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

इस गाइड में आगे बढ़ने पर, आपको इन अन्य टेक्नोलॉजी का इस्तेमाल करना होगा:

• Firebase Studio फ़ाइल फ़ोल्डर
• Firebase प्रोजेक्ट
• Firebase App Hosting
• Firebase App Check

अहम जानकारी: ऐप्लिकेशन का प्रोटोटाइप बनाने वाला एजेंट, Next.js फ़्रेमवर्क का इस्तेमाल करके ऐप्लिकेशन बनाने की सुविधा देता है. Firebase Studio में अन्य फ़्रेमवर्क के साथ एआई की मदद से कोड लिखने की सुविधा इस्तेमाल करने के लिए, Firebase Studio में Firebase के साथ Gemini आज़माएँ

पर जाएं.

पहला चरण: अपना ऐप्लिकेशन जनरेट करना

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 को उस इमेज का इस्तेमाल करने के लिए कहा जा सकता है. इमेज का साइज़ 3 MiB से कम होना चाहिए.

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 सार्वजनिक झलक का इस्तेमाल करें.

• Firebase प्रोजेक्ट बनाना: ऐप्लिकेशन का प्रोटोटाइप बनाने वाला एजेंट, आपकी ओर से Firebase प्रोजेक्ट बनाता है. ऐसा तब होता है, जब:

  • Gemini API पासकोड अपने-आप जनरेट करना
  • अपने ऐप्लिकेशन को Firebase प्रोजेक्ट से कनेक्ट करने का अनुरोध करना
  • अपने ऐप्लिकेशन को Firebase की सेवाओं से कनेक्ट करने के लिए मदद पाएं. जैसे, Cloud Firestore या Firebase Authentication
  • पब्लिश करें बटन पर क्लिक करें और Firebase App Hosting सेट अप करें

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

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

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

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

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

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

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

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

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

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

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

      npm run genkit:watch
     

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

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

(ज़रूरी नहीं) तीसरा चरण: 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 कुंजी अपने-आप जनरेट होने या App Prototyping agent के प्रॉम्प्ट के ज़रिए पहले से कोई प्रोजेक्ट न बनाया गया हो. साथ ही, यह आपको Cloud Billing खाता लिंक करने का तरीका बताता है.

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

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

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

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

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 डेवलपर एपीआई की कीमत के बारे में जानें
   पर जाएं.

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

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

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

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

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

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

(सुझाया गया) छठा चरण: अपने ऐप्लिकेशन में Firebase App Check जोड़ना

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

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

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

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

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

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

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

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

   NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY
   

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

   • 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 जोड़ें. अपने ऐप्लिकेशन में reCAPTCHA Enterprise Gemini को जोड़ने के लिए, Gemini से कहें. "reCAPTCHA Enterprise" के बारे में बताना न भूलें और इसकी दो बार जांच ज़रूर कर लें! इसके अलावा, App Check को शुरू करने के लिए दिए गए निर्देशों का पालन करें.App Check

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

6. पुष्टि करें कि App Check को Firebase कंसोल में अनुरोध मिल रहे हैं. इसके लिए, बनाएं > App Check खोलें.

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 के एआई फ़्लो में टेलीमेट्री जोड़ी जाती है. इसके बाद, Genkit कंसोल में नतीजे देखे जाते हैं.Firebase

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

इस पेज पर जाएं.

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

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

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

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

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

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

   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 कंसोल खोलें. इसके बाद, अपना प्रोजेक्ट चुनें और App Hosting सेवा खाते को ये भूमिकाएं असाइन करें:

   • Monitoring Metric Writer (roles/monitoring.metricWriter)
   • Cloud Trace एजेंट (roles/cloudtrace.agent)
   • Logs Writer (roles/logging.logWriter)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

अगले चरण

• Firebase Studio वर्कस्पेस में ऐप्लिकेशन डेवलप करने का तरीका जानें.
• Firebase Studio में एआई की मदद से काम करने के बारे में ज़्यादा जानें.