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

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

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

Firebase ऐप्लिकेशन होस्टिंग सेट अप करने से पहले, आपको एक Firebase प्रोजेक्ट (अगर आपके पास पहले से नहीं है) बनाना होगा और ब्लेज़ प्लान में अपग्रेड करना होगा.

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

  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 या इसके बाद के वर्शन) बैकएंड बनाने के लिए, अपनी लोकल प्रोजेक्ट डायरेक्ट्री के रूट से इस कमांड को चलाएं:

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 कंसोल में, ऐप्लिकेशन होस्टिंग टैब खोलें और बैकएंड के लिए, डैशबोर्ड देखें चुनें. टेबल की सूची में आपके बदलाव की वजह से ट्रिगर हुए रोल आउट से जुड़ी तय की गई प्रतिबद्धता दिखती है.

अगले चरण