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

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

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

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

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

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

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

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

  2. अगर कहा जाए, तो Firebase की शर्तें पढ़ें और उन्हें स्वीकार करें.

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

  4. (ज़रूरी नहीं) अपने प्रोजेक्ट के लिए Google Analytics सेट अप करें. इससे, आपको यहां दिए गए Firebase प्रॉडक्ट में से किसी का भी इस्तेमाल करने का बेहतर अनुभव मिलता है:

    कोई मौजूदा Google Analytics खाता चुनें या नया खाता बनाएं.

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

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

Firebase कंसोल: बिल्ड मेन्यू में जाकर, ऐप्लिकेशन होस्टिंग चुनें. इसके बाद, शुरू करें को चुनें.

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

firebase apphosting:backends:create --project PROJECT_ID --location us-central1

कंसोल या सीएलआई, दोनों के लिए, अपने बैकएंड को नाम असाइन करने के लिए, स्क्रीन पर दिए गए निर्देशों का पालन करें. साथ ही, 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} --location us-central1

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

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

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

अगले चरण