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

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

इस शुरुआती झलक के दौरान मिलने वाली सहायता में ये सुविधाएं शामिल हैं:

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

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

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

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

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

स्थानीय तौर पर दिखाएं

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

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

अपने ऐप्लिकेशन को Firebase होस्टिंग पर डिप्लॉय करें

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

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

अगले चरण

अपने पसंदीदा फ़्रेमवर्क के बारे में ज़्यादा जानकारी देने वाली गाइड देखें: