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

Firebase Hosting की मदद से, अपने ऐप्लिकेशन के स्टैटिक ऐसेट (एचटीएमएल, सीएसएस, JavaScript, मीडिया फ़ाइलें वगैरह) को तेज़ी से, सुरक्षित तरीके से, और भरोसेमंद तरीके से होस्ट किया जा सकता है. इसके अलावा, डाइनैमिक कॉन्टेंट दिखाया जा सकता है और माइक्रोसेवाएं होस्ट की जा सकती हैं.

प्रोडक्शन-ग्रेड की हमारी होस्टिंग, दुनिया भर में कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन) पर काम करती है. Hosting डिफ़ॉल्ट रूप से, आपके कॉन्टेंट को एसएसएल पर सर्व करती है. इसका इस्तेमाल अपने कस्टम डोमेन के साथ या अपने प्रोजेक्ट के सबडोमेन पर, बिना किसी शुल्क के web.app और firebaseapp.com पर किया जा सकता है.

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

Firebase Hosting सेट अप करने से पहले, आपको Firebase प्रोजेक्ट बनाना होगा.

पहला चरण: Firebase सीएलआई इंस्टॉल करना

सीएलआई इंस्टॉल करने या इसे इसके नए वर्शन पर अपडेट करने का तरीका जानने के लिए, Firebase सीएलआई का दस्तावेज़ देखें.

दूसरा चरण: अपने प्रोजेक्ट को शुरू करना

अपने लोकल प्रोजेक्ट की फ़ाइलों को Firebase प्रोजेक्ट से कनेक्ट करने के लिए, अपने लोकल प्रोजेक्ट की डायरेक्ट्री के रूट से यह निर्देश चलाएं:

firebase init hosting

प्रोजेक्ट को शुरू करने के दौरान, Firebase सीएलआई के प्रॉम्प्ट में:

  1. अपने लोकल प्रोजेक्ट की डायरेक्ट्री से कनेक्ट करने के लिए, कोई Firebase प्रोजेक्ट चुनें.

    चुना गया Firebase प्रोजेक्ट, आपके लोकल प्रोजेक्ट की डायरेक्ट्री के लिए "डिफ़ॉल्ट" Firebase प्रोजेक्ट होता है. अपने लोकल प्रोजेक्ट की डायरेक्ट्री से अन्य Firebase प्रोजेक्ट कनेक्ट करने के लिए, प्रोजेक्ट के एलियास सेट अप करें.

  2. सार्वजनिक रूट डायरेक्ट्री के तौर पर इस्तेमाल करने के लिए, कोई डायरेक्ट्री तय करें.

    इस डायरेक्ट्री में, सार्वजनिक तौर पर सर्व की जाने वाली आपकी सभी स्टैटिक फ़ाइलें होती हैं. इनमें आपकी index.html फ़ाइल और अन्य ऐसेट शामिल होती हैं जिन्हें आपको Firebase Hosting पर डिप्लॉय करना है.

    • स्टैटिक ऐप्लिकेशन: अगर कोई स्टैटिक ऐप्लिकेशन डिप्लॉय किया जा रहा है, तो:

      • सार्वजनिक रूट डायरेक्ट्री के लिए डिफ़ॉल्ट नाम public होता है.

      • सार्वजनिक रूट डायरेक्ट्री को अभी तय किया जा सकता है या इसे बाद में, कॉन्फ़िगरेशन फ़ाइल में तय किया जा सकता है. firebase.json

      • अगर डिफ़ॉल्ट विकल्प चुना जाता है और आपके पास public नाम की कोई डायरेक्ट्री नहीं है, तो Firebase आपके लिए यह डायरेक्ट्री बना देता है.

      • अगर सार्वजनिक रूट डायरेक्ट्री में, index.html या 404.html की कोई मान्य फ़ाइल नहीं है, तो Firebase आपके लिए ये फ़ाइलें बना देता है.

    • ऐप्लिकेशन होस्टिंग का विकल्प चुननाApp Hosting: अगर सीएलआई को Next.js या Angular Universal जैसे एसएसआर वेब फ़्रेमवर्क की सुविधाएं मिलती हैं, तो वह Firebase App HostingFirebase App Hosting को शुरू करने का सुझाव दे सकता है. App Hosting को फ़ुल-स्टैक फ़्रेमवर्क वाले ऐप्लिकेशन के लिए, डिप्लॉयमेंट के लिए सुझाया जाता है. आप App Hosting सेटअप के साथ आगे बढ़ सकते हैं या सिर्फ़ स्टैटिक डिप्लॉय के लिए Hosting (क्लासिक) के साथ जारी रख सकते हैं.

  3. अपनी साइट के लिए कोई कॉन्फ़िगरेशन चुनें.

    अगर एक पेज वाला ऐप्लिकेशन बनाने का विकल्प चुना जाता है, तो Firebase आपके लिए, फिर से लिखने के कॉन्फ़िगरेशन अपने-आप जोड़ देता है.

शुरू करने की प्रोसेस पूरी होने के बाद, Firebase आपके स्थानीय ऐप्लिकेशन की डायरेक्ट्री के रूट में दो फ़ाइलें अपने-आप बना देता है और उन्हें जोड़ देता है:

तीसरा चरण: अपनी साइट पर डिप्लॉय करना

अपनी साइट पर डिप्लॉय करने के लिए, अपने स्थानीय प्रोजेक्ट की डायरेक्ट्री के रूट से यह कमांड चलाएं:

firebase deploy --only hosting

इस कमांड से, Hosting कॉन्टेंट और कॉन्फ़िगरेशन, Firebase से मिले इन सबडोमेन पर डिप्लॉय हो जाता है:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

डिप्लॉयमेंट के बारे में ज़्यादा जानें . साथ ही, अपनी साइट को स्थानीय तौर पर टेस्ट करने के बारे में भी जानें.

अगले चरण

अब आपकी साइट, दुनिया भर के लोगों के साथ शेयर करने के लिए तैयार है!