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

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. इसके अलावा, अगर आपने कोई कस्टम डोमेन सेट अप किया है, तो उसे भी देखा जा सकता है.

अगले चरण

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