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

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

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

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

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

  1. Firebase कंसोल में, प्रोजेक्ट जोड़ें पर क्लिक करें.

    • किसी मौजूदा Google Cloud प्रोजेक्ट में Firebase संसाधन जोड़ने के लिए, उसका प्रोजेक्ट नाम डालें या उसे ड्रॉपडाउन मेन्यू से चुनें.

    • नया प्रोजेक्ट बनाने के लिए, प्रोजेक्ट का नाम डालें. आपके पास प्रोजेक्ट के नाम के नीचे दिख रहे प्रोजेक्ट आईडी में बदलाव करने का विकल्प भी होता है. हालांकि, ऐसा करना ज़रूरी नहीं है.

  2. अगर प्रॉम्प्ट मिलता है, तो Firebase की शर्तें पढ़ें और उन्हें स्वीकार करें.

  3. जारी रखें पर क्लिक करें.

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

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

  5. प्रोजेक्ट बनाएं पर क्लिक करें. अगर आपको किसी मौजूदा Google Cloud प्रोजेक्ट में Firebase जोड़ना है, तो 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 टैब खोलें. इसके बाद, अपने बैकएंड के लिए डैशबोर्ड देखें को चुनें. टेबल की सूची में, रोलआउट से जुड़ा वह खास कमिट दिखता है जिसे आपके बदलाव की वजह से ट्रिगर किया गया था.

अगले चरण