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

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

वेब कंटेनर इंस्टॉल करने से पहले

Firebase ऐप्लिकेशन होस्टिंग सेट अप करने से पहले, आपको एक 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 की नई रिपॉज़िटरी बनाएं और इसमें शुरू किए गए नए सैंपल कोड को पुश करें.

पहला चरण: ऐप्लिकेशन होस्टिंग बैकएंड बनाएं

ऐप्लिकेशन होस्टिंग बैकएंड, मैनेज किए जा रहे संसाधनों का कलेक्शन है. ऐप्लिकेशन होस्टिंग की मदद से, वेब ऐप्लिकेशन बनाया और चलाया जा सकता है. Firebase कंसोल या Firebase सीएलआई का इस्तेमाल करके, ऐप्लिकेशन होस्टिंग के बैकएंड बनाए और सूची में जोड़े जा सकते हैं.

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

सीएलआई: (वर्शन 3.9 या इसके बाद का वर्शन) बैकएंड बनाने के लिए, अपनी लोकल प्रोजेक्ट डायरेक्ट्री के रूट से यहां दिए गए कमांड को चलाएं. साथ ही, अपना प्रोजेक्ट आईडी, तर्क के तौर पर उपलब्ध कराएं (झलक देखने के लिए, सिर्फ़ us-central1 क्षेत्र काम करता है):

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

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

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

    आम तौर पर, आपकी package.json फ़ाइल यहां सेव होती है.

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

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

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

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

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

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

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

firebase apphosting:backends:get --project PROJECT_ID {BACKEND_ID} --location us-central1

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

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

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

अगले चरण