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

अगर आपके पास GitHub रिपॉज़िटरी में पहले से मौजूद Next.js या Angular ऐप्लिकेशन (Next.js के वर्शन 13.5.x+ या Angular 18.2.x+) है, तो App Hosting का इस्तेमाल शुरू करना उतना ही आसान है जितना App Hosting बैकएंड बनाना. इसके बाद, लाइव ब्रांच में पुश करके रोलआउट शुरू किया जा सकता है. अगर आपके पास कोई ऐप्लिकेशन नहीं है, तो इस गाइड में बताए गए चरणों को पूरा करने के लिए, हमारे किसी सैंपल ऐप्लिकेशन का इस्तेमाल करें.

शुरू करने से पहले

Firebase App Hosting सेट अप करने से पहले, आपको एक Firebase प्रोजेक्ट बनाना होगा. अगर आपके पास पहले से कोई प्रोजेक्ट नहीं है, तो आपको Blaze प्लान पर अपग्रेड करना होगा.

प्रोजेक्ट बनाने के लिए:

क्या आपने इससे पहले Firebase या Cloud का इस्तेमाल नहीं किया है?

अगर आपने Firebase या Google Cloud का इस्तेमाल पहले कभी नहीं किया है, तो यह तरीका अपनाएं.
अगर आपको पूरी तरह से नया Firebase प्रोजेक्ट (और उसका Google Cloud प्रोजेक्ट) बनाना है, तो यह तरीका भी अपनाया जा सकता है.

  1. Firebase console में साइन इन करें.
  2. नया Firebase प्रोजेक्ट बनाने के लिए, बटन पर क्लिक करें.

  3. टेक्स्ट फ़ील्ड में, प्रोजेक्ट का नाम डालें.

    अगर आप किसी Google Cloud संगठन का हिस्सा हैं, तो आपके पास यह चुनने का विकल्प होता है कि आपको अपना प्रोजेक्ट किस फ़ोल्डर में बनाना है.

  4. अगर आपसे कहा जाए, तो Firebase की शर्तें पढ़ें और स्वीकार करें. इसके बाद, जारी रखें पर क्लिक करें.
  5. (ज़रूरी नहीं) Firebase कंसोल में एआई की मदद पाने की सुविधा चालू करें. इसे "Firebase में Gemini" कहा जाता है. इससे आपको शुरू करने और डेवलपमेंट की प्रोसेस को बेहतर बनाने में मदद मिल सकती है.

  6. (ज़रूरी नहीं) अपने प्रोजेक्ट के लिए Google Analytics सेट अप करें. इससे इन Firebase प्रॉडक्ट का इस्तेमाल करके, बेहतर अनुभव मिलता है: Firebase A/B Testing, Cloud Messaging, Crashlytics, In-App Messaging, और Remote Config (इसमें Personalization शामिल है).

    कोई मौजूदा Google Analytics खाता चुनें या नया खाता बनाएं. नया खाता बनाने के बाद, Analytics रिपोर्टिंग की जगह चुनें. इसके बाद, अपने प्रोजेक्ट के लिए डेटा शेयर करने की सेटिंग और Google Analytics शर्तें स्वीकार करें.

  7. प्रोजेक्ट बनाएं पर क्लिक करें.

Firebase आपका प्रोजेक्ट बनाता है, कुछ शुरुआती संसाधन उपलब्ध कराता है, और ज़रूरी एपीआई चालू करता है. प्रोसेस पूरी होने के बाद, आपको Firebase कंसोल में अपने Firebase प्रोजेक्ट के खास जानकारी वाले पेज पर ले जाया जाएगा.

मौजूदा Cloud प्रोजेक्ट

अगर आपको किसी मौजूदा Google Cloud प्रोजेक्ट के साथ Firebase का इस्तेमाल शुरू करना है, तो यह तरीका अपनाएं. मौजूदा Google Cloud प्रोजेक्ट में "Firebase जोड़ने" के बारे में ज़्यादा जानें.

  1. उस खाते से Firebase कंसोल में साइन इन करें जिससे आपको मौजूदा Google Cloud प्रोजेक्ट का ऐक्सेस मिलता है.
  2. नया Firebase प्रोजेक्ट बनाने के लिए, बटन पर क्लिक करें.
  3. पेज पर सबसे नीचे, Google Cloud प्रोजेक्ट में Firebase जोड़ें पर क्लिक करें.
  4. टेक्स्ट फ़ील्ड में, मौजूदा प्रोजेक्ट का प्रोजेक्ट का नाम डालना शुरू करें. इसके बाद, दिखाई गई सूची में से प्रोजेक्ट चुनें.
  5. प्रोजेक्ट खोलें पर क्लिक करें.
  6. अगर आपसे कहा जाए, तो Firebase की शर्तें पढ़ें और स्वीकार करें. इसके बाद, जारी रखें पर क्लिक करें.
  7. (ज़रूरी नहीं) Firebase कंसोल में एआई की मदद पाने की सुविधा चालू करें. इसे "Firebase में Gemini" कहा जाता है. इससे आपको शुरू करने और डेवलपमेंट की प्रोसेस को बेहतर बनाने में मदद मिल सकती है.

  8. (ज़रूरी नहीं) अपने प्रोजेक्ट के लिए Google Analytics सेट अप करें. इससे इन Firebase प्रॉडक्ट का इस्तेमाल करके, बेहतर अनुभव मिलता है: Firebase A/B Testing, Cloud Messaging, Crashlytics, In-App Messaging, और Remote Config (इसमें Personalization शामिल है).

    कोई मौजूदा Google Analytics खाता चुनें या नया खाता बनाएं. नया खाता बनाने के बाद, Analytics रिपोर्टिंग की जगह चुनें. इसके बाद, अपने प्रोजेक्ट के लिए डेटा शेयर करने की सेटिंग और Google Analytics शर्तें स्वीकार करें.

  9. Firebase जोड़ें पर क्लिक करें.

Firebase आपके मौजूदा प्रोजेक्ट में Firebase जोड़ता है. प्रोसेस पूरी होने के बाद, आपको Firebase कंसोल में अपने Firebase प्रोजेक्ट की खास जानकारी वाले पेज पर ले जाया जाएगा.

शून्य चरण (ज़रूरी नहीं): GitHub रिपॉज़िटरी और वेब ऐप्लिकेशन बनाना

अगर आपके पास GitHub रिपॉज़िटरी में मौजूद कोई वेब ऐप्लिकेशन नहीं है या आपको सैंपल ऐप्लिकेशन के साथ फ़्लो आज़माना है, तो Next.js या Angular के लिए, हमारे किसी सैंपल को इनिशियलाइज़ करके शुरू करें:

npm init @apphosting

next dev या ng start का इस्तेमाल करके, सैंपल ऐप्लिकेशन को स्थानीय तौर पर चलाया जा सकता है. जारी रखने के लिए, एक नई GitHub रिपॉज़िटरी बनाएं और उसमें नए तरीके से शुरू किया गया सैंपल कोड पुश करें.

पहला चरण: App Hosting बैकएंड बनाना

App Hosting बैकएंड, मैनेज किए गए संसाधनों का कलेक्शन होता है. App Hosting इसका इस्तेमाल, आपके वेब ऐप्लिकेशन को बनाने और चलाने के लिए करता है.

Firebase कंसोल: Build मेन्यू में जाकर, App Hosting और फिर Get started चुनें.

सीएलआई: (वर्शन 13.15.4 या उसके बाद का वर्शन) बैकएंड बनाने के लिए, अपनी लोकल प्रोजेक्ट डायरेक्ट्री के रूट से यह निर्देश चलाएं. साथ ही, अपने projectID को तर्क के तौर पर दें:

firebase apphosting:backends:create --project PROJECT_ID

कंसोल या सीएलआई, दोनों के लिए निर्देशों का पालन करके, रीजन चुनें, GitHub कनेक्शन सेट अप करें, और डिप्लॉयमेंट की इन बुनियादी सेटिंग को कॉन्फ़िगर करें:

  • अपने ऐप्लिकेशन की रूट डायरेक्ट्री सेट करें (डिफ़ॉल्ट रूप से / पर सेट होती है)

    आम तौर पर, आपकी package.json फ़ाइल यहीं मौजूद होती है.

  • लाइव ब्रांच सेट करना

    यह आपकी GitHub रिपॉज़िटरी की वह ब्रांच है जिसे आपके लाइव यूआरएल पर डिप्लॉय किया जाता है. अक्सर, यह वह ब्रांच होती है जिसमें फ़ीचर ब्रांच या डेवलपमेंट ब्रांच को मर्ज किया जाता है.

  • अपने-आप रोल आउट होने की सुविधा को स्वीकार या अस्वीकार करना

    अपने-आप रोल आउट होने की सुविधा डिफ़ॉल्ट रूप से चालू होती है. बैकएंड बनाने की प्रोसेस पूरी होने के बाद, आपके पास यह चुनने का विकल्प होता है कि आपके ऐप्लिकेशन को App Hosting पर तुरंत डिप्लॉय किया जाए.

  • अपने बैकएंड को कोई नाम असाइन करें.

दूसरा चरण: डिप्लॉय किया गया ऐप्लिकेशन देखना

बैकएंड बनाने पर, Firebase आपको बिना किसी शुल्क के एक सबडोमेन देता है. इस पर जाकर, असली उपयोगकर्ता आपके वेब ऐप्लिकेशन पर जा सकते हैं. इसका फ़ॉर्मैट backend-id--project-id.us-central1.hosted.app होता है.

अपने वेब ऐप्लिकेशन का यूआरएल देखने के लिए, Firebase कंसोल देखें या यह सीएलआई कमांड चलाएं:

firebase apphosting:backends:get --project PROJECT_ID {BACKEND_ID}

तीसरा चरण: बदलाव करके रोलआउट को ट्रिगर करना

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

  1. GitHub में, वेब ऐप्लिकेशन की लाइव ब्रांच में बदलाव करें.
  2. Firebase कंसोल में, App Hosting टैब खोलें. इसके बाद, अपने बैकएंड के लिए डैशबोर्ड देखें को चुनें. टेबल की सूची में, रोलआउट से जुड़ा वह खास कमिट दिखता है जिसे आपके बदलाव की वजह से ट्रिगर किया गया था.

अगले चरण