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 Hosting को शुरू करने का सुझाव दे सकता है. App Hosting, फ़ुल-स्टैक फ़्रेमवर्क वाले ऐप्लिकेशन को डिप्लॉय करने का सबसे सही तरीका है. सिर्फ़ स्टैटिक कॉन्टेंट डिप्लॉय करने के लिए, App Hosting सेटअप किया जा सकता है या Hosting (क्लासिक) का इस्तेमाल जारी रखा जा सकता है.

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

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

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

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

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

firebase deploy --only hosting

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

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

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

अगले चरण

अब आपकी साइट को दुनिया के साथ शेयर किया जा सकता है!