वेब फ़्रेमवर्क को होस्टिंग के साथ इंटिग्रेट करना

Firebase Hosting Angular और Next.js जैसे लोकप्रिय मॉडर्न वेब फ़्रेमवर्क के साथ इंटिग्रेट होता है. इन फ़्रेमवर्क के साथ Firebase Hosting और Cloud Functions for Firebase का इस्तेमाल करके, अपने पसंदीदा फ़्रेमवर्क एनवायरमेंट में ऐप्लिकेशन और माइक्रोसेवाएं डेवलप की जा सकती हैं. इसके बाद, उन्हें मैनेज किए गए सुरक्षित सर्वर एनवायरमेंट में डिप्लॉय किया जा सकता है.

इस शुरुआती झलक के दौरान, ये सुविधाएं उपलब्ध होंगी:

  • स्टैटिक वेब कॉन्टेंट वाले वेब ऐप्लिकेशन डिप्लॉय करना
  • ऐसे वेब ऐप्लिकेशन डिप्लॉय करें जो प्री-रेंडरिंग / स्टैटिक साइट जनरेशन (एसएसजी) का इस्तेमाल करते हैं
  • ऐसे वेब ऐप्लिकेशन डिप्लॉय करें जो सर्वर साइड रेंडरिंग (एसएसआर) का इस्तेमाल करते हैं. यानी, मांग पर पूरी तरह से सर्वर रेंडरिंग

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

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

अपने ऐप्लिकेशन को Firebase पर डिप्लॉय करने से पहले, यहां दी गई ज़रूरी शर्तें और विकल्प देखें:

  • Firebase CLI का वर्शन 12.1.0 या इसके बाद का वर्शन. पक्का करें कि आपने अपने पसंदीदा तरीके का इस्तेमाल करके, सीएलआई इंस्टॉल किया हो.
  • ज़रूरी नहीं: आपके Firebase प्रोजेक्ट पर बिलिंग की सुविधा चालू हो (अगर आपको एसएसआर का इस्तेमाल करना है, तो यह ज़रूरी है)

स्थानीय तौर पर विज्ञापन दिखाना

यहां दिया गया तरीका अपनाकर, इंटिग्रेशन को स्थानीय तौर पर टेस्ट किया जा सकता है:

  1. टर्मिनल से firebase emulators:start चलाएं. इससे आपका ऐप्लिकेशन बन जाता है और Firebase सीएलआई का इस्तेमाल करके उसे उपलब्ध कराया जाता है.
  2. अपने वेब ऐप्लिकेशन को उस लोकल यूआरएल पर खोलें जो सीएलआई ने दिखाया है. आम तौर पर, यह http://localhost:5000 होता है.

अपने ऐप्लिकेशन को Firebase Hosting पर डिप्लॉय करना

जब आपको अपने बदलावों को दुनिया के साथ शेयर करना हो, तब अपने ऐप्लिकेशन को लाइव साइट पर डिप्लॉय करें:

  1. टर्मिनल से firebase deploy चलाएं.
  2. अपनी वेबसाइट को यहां देखें: SITE_ID.web.app या PROJECT_ID.web.app. इसके अलावा, अगर आपने कोई कस्टम डोमेन सेट अप किया है, तो उसे भी देखा जा सकता है.

अलग-अलग एनवायरमेंट कॉन्फ़िगर करना

स्टेजिंग और प्रोडक्शन जैसे अलग-अलग प्रोजेक्ट एनवायरमेंट के लिए, एनवायरमेंट वैरिएबल के कई सेट डिप्लॉय किए जा सकते हैं.

Cloud Functions for Firebase की तरह, यह टूलिंग .env फ़ाइल में तय की गई एनवायरमेंट वैरिएबल को लोड करने के लिए, dotenv फ़ाइल फ़ॉर्मैट के साथ काम करती है.

  • अगर आपके पास staging प्रोजेक्ट का कोई अन्य नाम है, तो .env.staging फ़ाइल से एनवायरमेंट वैरिएबल डिप्लॉय किए जा सकते हैं.
  • अगर आपके पास production प्रोजेक्ट का कोई अन्य नाम है, तो .env.production फ़ाइल से एनवायरमेंट वैरिएबल डिप्लॉय किए जा सकते हैं.
  • अगर आपके पास PROJECT_ID आईडी वाला कोई प्रोजेक्ट है, तो .env.PROJECT_ID फ़ाइल से एनवायरमेंट वैरिएबल डिप्लॉय किए जा सकते हैं.

ज़्यादा जानकारी के लिए, Cloud Functions का दस्तावेज़ देखें.

अगले चरण

अपने पसंदीदा फ़्रेमवर्क के लिए, पूरी जानकारी वाली गाइड देखें: