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

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

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

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

  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.

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

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

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

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

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

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

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

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

    • आपका ऐप्लिकेशन एआई का इस्तेमाल करता है. इसलिए, आपसे Gemini API पासकोड जोड़ने या जनरेट करने के लिए कहा जाएगा. अपने-आप जनरेट करें पर क्लिक करने पर, App Prototyping agent आपके लिए एक Firebase प्रोजेक्ट और एक Gemini API कुंजी उपलब्ध कराता है.

दूसरा चरण: टेस्ट करना, बेहतर बनाना, डीबग करना, और दोहराना

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

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

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

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

(ज़रूरी नहीं) तीसरा चरण: App Hosting की मदद से अपना ऐप्लिकेशन पब्लिश करना

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

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

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

  1. 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 पासकोड अपने-आप जनरेट होने पर या पब्लिश करें पर क्लिक करने पर बनता है.

  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 जोड़ना

अगर आपने अपने ऐप्लिकेशन में 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 कंसोल में नतीजे देखें.

पहला चरण: 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. किसी फ़्लो को खोलने के लिए उस पर क्लिक करें.

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

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

enableFirebaseTelemetry();

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

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 के बारे में ज़्यादा जानें.

अगले चरण