फायरबेस पर एक वेबसाइट की तैनाती और इसे मुफ्त में उपयोग करना: एक गाइड

अभी कुछ समय पहले, मैंने एक पोस्ट लिखी थी जिसका शीर्षक था " वेबसाइट के प्रदर्शन स्कोर को 35 से 100 तक कैसे सुधारें । " उस पोस्ट में, मैंने आपको यह दिखाने का वादा किया था कि आप अपने प्रोजेक्ट को Firebase पर कैसे परिनियोजित करें और इसे मुफ़्त में कैसे उपयोग करें। मैं अपना वादा निभा रहा हूँ!

फायरबेस क्या है?

शायद, आप में से कुछ अभी तक फायरबेस से परिचित नहीं हैं, इसलिए मैं आपको संक्षेप में समझाता हूं कि यह क्या है।

फायरबेस एक मोबाइल और वेब एप्लिकेशन डेवलपमेंट प्लेटफ़ॉर्म है जो डेवलपर्स को अपने एप्लिकेशन को अधिक आसानी से बनाने और स्केल करने में मदद करने के लिए टूल और सेवाओं का एक सेट प्रदान करता है।

यह रीयल-टाइम डेटाबेस, प्रमाणीकरण, होस्टिंग, क्लाउड स्टोरेज और बहुत कुछ जैसी सुविधाएं प्रदान करता है। फायरबेस बैकएंड कार्यात्मकताएं और आधारभूत संरचना भी प्रदान करता है, जिससे डेवलपर्स सर्वर प्रबंधन या जटिल आधारभूत संरचना सेटअप के बारे में चिंता किए बिना अपने ऐप्स बनाने पर ध्यान केंद्रित कर सकते हैं।

कुल मिलाकर, फायरबेस विकास प्रक्रिया को सरल करता है और डेवलपर्स को उच्च गुणवत्ता वाले एप्लिकेशन को जल्दी से बनाने में सक्षम बनाता है।

आज, हम अपने नेक्स्ट.जेएस प्रोजेक्ट को स्टोर करने के लिए इसकी 'होस्टिंग' सुविधा का उपयोग करेंगे। इस उदाहरण में, मैं आपको दिखाऊंगा कि अपने प्रोजेक्ट के स्थिर संस्करण को कैसे होस्ट किया जाए। आपको सबसे पहले जो करना है वह एक खाता पंजीकृत करना है।

फायरबेस का खाता कैसे पंजीकृत करें

Firebase पर खाता पंजीकृत करने के लिए, खोलें https://firebase.google.com/ , और "आरंभ करें" पर क्लिक करें।

बाद में, आपको एक Google खाता बनाने या किसी मौजूदा का उपयोग करने की आवश्यकता है। एक बार जब आप पहला चरण पूरा कर लेते हैं, तो आप फायरबेस कंट्रोल पैनल पर पहुंच जाएंगे। अगला कदम एक परियोजना बनाना है।

फायरबेस पर प्रोजेक्ट कैसे बनाएं

एक प्रोजेक्ट बनाने के लिए, आपको 3 सरल कदम उठाने होंगे:

1. "प्रोजेक्ट जोड़ें" पर क्लिक करें, और इसे नई विंडो में एक नाम दें।

2. प्रोजेक्ट के लिए Google Analytics कार्यात्मकता को सक्षम या अक्षम करें, और "प्रोजेक्ट बनाएं" पर क्लिक करें

कुछ मिनटों के बाद आपका प्रोजेक्ट बन जाएगा।

फ्री में फायरबेस का उपयोग कैसे करें

प्रोजेक्ट बना लेने के बाद, आप इसे अपने डैशबोर्ड में देख पाएंगे. डिफ़ॉल्ट रूप से, आप स्पार्क योजना पर होंगे। यदि आप नहीं हैं, तो आपको इसे स्पार्क योजना में बदलने की आवश्यकता है।

स्पार्क प्लान बिना किसी मासिक लागत के एक मुफ्त योजना है। इसकी कुछ सीमाएँ हैं, लेकिन यह आपके प्रोजेक्ट को शुरू करने के लिए पर्याप्त से अधिक है, खासकर यदि आप इसे अपनी स्थिर वेबसाइट के लिए एक होस्टिंग प्लेटफॉर्म के रूप में उपयोग करने की योजना बना रहे हैं।

योजना का पूरा विवरण देखने के लिए, कृपया इस पर जाएँ जोड़ना .

फायरबेस होस्टिंग स्थापित करने का समय।

फायरबेस होस्टिंग कैसे सेट करें

फायरबेस होस्टिंग सेट अप करना भी बहुत आसान है। अपने खाते में प्रवेश करें, और अपनी परियोजना का चयन करें। फिर, बाएं मेनू में, "बिल्ड" पर क्लिक करें और ड्रॉपडाउन से "होस्टिंग" चुनें।

नई विंडो में, आपको एक वेलकम स्क्रीन दिखाई देगी। "आरंभ करें" पर क्लिक करें।

अपने प्रोजेक्ट को होस्ट करने के लिए, आपको पहले Firebase CLI सेट अप करना होगा।

अपनी टर्मिनल विंडो खोलें, और निम्न आदेश दर्ज करें:

 npm install -g firebase-tools

एक बार सेटअप समाप्त हो जाने पर, अपने टर्मिनल में निम्न टाइप करें:

 firebase login

एक्सेस को अधिकृत करने के लिए यह आपको लॉगिन स्क्रीन पर ले जाएगा।

अगला कदम टर्मिनल विंडो के अंदर अपने प्रोजेक्ट फ़ोल्डर में नेविगेट करना है, जहां आपने अपनी स्थिर वेबसाइट संग्रहीत की है।

निम्नलिखित आदेश चलाएँ:

 firebase init

यदि आपने सब कुछ सही ढंग से किया है, तो आपको अपनी टर्मिनल विंडो में निम्नलिखित देखना चाहिए।

विकल्पों की सूची में, "होस्टिंग: फायरबेस होस्टिंग के लिए फ़ाइलें कॉन्फ़िगर करें और (वैकल्पिक रूप से) गिटहब एक्शन तैनात करें" चुनें। नेविगेट करने के लिए अपने कीबोर्ड पर तीर कुंजियों का उपयोग करें, चुनने के लिए स्पेस दबाएं और फिर एंटर दबाएं।

अगला, सूची से एक खाता चुनें और एंटर दबाएं।

चूंकि हमारे पास पहले से ही एक परियोजना है, सूची से "एक मौजूदा परियोजना का उपयोग करें" का चयन करें, और उस परियोजना को चुनें जिसे आपने पिछले चरण में बनाया था।

डिफ़ॉल्ट रूप से, सार्वजनिक निर्देशिका "सार्वजनिक" पर सेट होती है। यदि आप दूसरी निर्देशिका निर्दिष्ट करना चाहते हैं, तो आप अगले चरण में ऐसा कर सकते हैं। उदाहरण के लिए, मेरा नेक्स्ट.जेएस प्रोजेक्ट 'आउट' डायरेक्टरी में वेबसाइट का एक स्थिर संस्करण तैयार करता है, इसलिए मैं इसे इस चरण में निर्दिष्ट करता हूं।

अंतिम दो कॉन्फ़िगरेशन प्रश्न आपकी वेबसाइट सेटिंग के बारे में होंगे।

• "एकल-पृष्ठ ऐप के रूप में कॉन्फ़िगर करें (सभी URL को /index.html पर फिर से लिखें)" - हाँ

• "GitHub के साथ स्वचालित बिल्ड और डिप्लॉय सेट करें?" - नहीं

हम सेटअप के साथ समाप्त हो गए हैं। अब, हमारे प्रोजेक्ट को Firebase में परिनियोजित करने का समय आ गया है।

वेबसाइट को फायरबेस में कैसे परिनियोजित करें

आपके द्वारा सभी कॉन्फ़िगरेशन पूर्ण करने के बाद, आप अपनी वेबसाइट को Firebase होस्टिंग पर परिनियोजित कर सकते हैं।

टर्मिनल विंडो में, अपनी प्रोजेक्ट डायरेक्टरी के अंदर, निम्न कमांड दर्ज करें:

 firebase deploy --only hosting

यदि सब कुछ ठीक रहा, तो आपको वे URL दिखाई देंगे जिनका उपयोग आप अपनी वेबसाइट तक पहुँचने के लिए कर सकते हैं।

मुझे आशा है कि आपको यह लेख उपयोगी लगा होगा! अगले एक में, मैं आपको दिखाऊंगा कि अपने फायरबेस प्रोजेक्ट के लिए एक कस्टम डोमेन नाम कैसे सेट करें।

बने रहें!

यहाँ भी प्रकाशित हुआ