Firebase JavaScript SDK टूल के साथ काम करने वाले एनवायरमेंट

साथ काम करने वाले एनवायरमेंट

Firebase JavaScript SDK टूल, आधिकारिक तौर पर इन एनवायरमेंट में काम करता है.

ब्राउज़र

अन्य एनवायरमेंट

पॉलीफ़िल

Firebase JavaScript SDK टूल, वेब प्लैटफ़ॉर्म के नए स्टैंडर्ड पर बनाया गया है. कुछ पुराने ब्राउज़र और JavaScript एनवायरमेंट में, Firebase की ज़रूरी सभी सुविधाएं काम नहीं करतीं. अगर आपको इन ब्राउज़र/एनवायरमेंट के साथ काम करना है, तो आपको पॉलीफ़िल को उसके हिसाब से लोड करना होगा.

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

ज़रूरी पॉलीफ़िल

वैकल्पिक polyfills

सुझाए गए पॉलीफ़िल

React Native और Expo के लिए ज़रूरी पॉलीफ़िल सेटअप

React Native और Expo के लिए, अगर आपको base-64 कोड में बदली गई स्ट्रिंग अपलोड करनी है, तो आपको ये काम करने होंगे:

base-64 को npm से इंस्टॉल करें:

npm install base-64

base-64 से decode इंपोर्ट करें और उसे ग्लोबल स्कोप में atob के तौर पर अटैच करें, ताकि Cloud Storage उसे ऐक्सेस कर सके.

import { decode } from 'base-64';

if(typeof atob === 'undefined') {
  global.atob = decode;
}

अपने ऐप्लिकेशन में पॉलीफ़िल जोड़ना

पहला विकल्प: (सुझाया गया) Babel के साथ इंटिग्रेट किए गए बंडलर का इस्तेमाल करना

अगर बंडलर का इस्तेमाल किया जा रहा है, तो Babel और @babel/preset-env के साथ इंटिग्रेट करें, ताकि आप polyfills पा सकें.

Babel को अपने बंडलर के साथ इंटिग्रेट करने का तरीका जानने के लिए, Babel की इंटरैक्टिव सेटअप गाइड का इस्तेमाल करें.

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

@babel/preset-env में, एनवायरमेंट टारगेट (targets विकल्प) तय करने और पॉलीफ़िल (useBuiltIns विकल्प) जोड़ने के लिए, कॉन्फ़िगरेशन के उपलब्ध विकल्पों के बारे में पूरी जानकारी दी गई है.

दूसरा विकल्प: (इसका सुझाव नहीं दिया जाता) मैन्युअल तरीके से पॉलीफ़िल जोड़ना

अपनी पसंदीदा पॉलीफ़िल लाइब्रेरी (उदाहरण के लिए, core-js) का इस्तेमाल करके, पॉलीफ़िल को मैन्युअल तरीके से जोड़ा जा सकता है.

import 'core-js/stable'
import 'cross-fetch/polyfill';

core-js, सभी-एक-साथ-काम करने वाली polyfill फ़ाइल भी उपलब्ध कराता है. इसे सीधे एचटीएमएल पेज में शामिल किया जा सकता है.

अगर Babel का इस्तेमाल नहीं किया जा रहा है, तो यह विकल्प, पॉलीफ़िल को मैनेज करने का एक आसान तरीका हो सकता है. हालांकि, हम प्रोडक्शन ऐप्लिकेशन के लिए, एक ही जगह पर सभी सुविधाएं देने वाले इस विकल्प का सुझाव नहीं देते. इसकी वजह यह है कि इसमें ज़रूरत से ज़्यादा पॉलीफ़िल शामिल हो सकते हैं. इससे पेज का साइज़ बढ़ जाता है और पेज लोड होने में ज़्यादा समय लगता है.