फायरबेस जावास्क्रिप्ट एसडीके के लिए समर्थित वातावरण

समर्थित वातावरण

फायरबेस जावास्क्रिप्ट एसडीके निम्नलिखित वातावरणों में आधिकारिक रूप से समर्थित है।

ब्राउज़र्स

अन्य वातावरण

पॉलीफिल्स

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

नीचे दिए गए खंड उन अधिकांश पॉलीफ़िल की पहचान करते हैं जिनकी आपको आवश्यकता हो सकती है।

आवश्यक पॉलीफिल

वैकल्पिक पॉलीफिल

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

रिएक्टिव नेटिव और एक्सपो के लिए आवश्यक पॉलीफ़िल सेटअप

रिएक्टिव नेटिव और एक्सपो के लिए यदि आप एक बेस-64 एन्कोडेड स्ट्रिंग अपलोड कर रहे हैं, तो आपको निम्नलिखित कार्य करने होंगे:

NPM से आधार-64 स्थापित करें:

npm install base-64

base-64 से decode आयात करें और इसे atob के रूप में वैश्विक दायरे में संलग्न करें ताकि क्लाउड स्टोरेज इसे एक्सेस कर सके।

import { decode } from 'base-64';

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

अपने आवेदन में पॉलीफ़िल जोड़ें

विकल्प 1 : (अनुशंसित) बैबेल के साथ एकीकृत बंडलर का उपयोग करें

यदि आप एक बंडलर का उपयोग कर रहे हैं, तो पॉलीफ़िल प्राप्त करने के लिए बैबल और @babel/preset-env के साथ एकीकृत करें।

अपने बंडलर के साथ बैबेल को एकीकृत करने का तरीका जानने के लिए बेबेल की इंटरैक्टिव सेटअप गाइड का उपयोग करें।

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

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

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

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

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

core-js एक ऑल-इन-वन पॉलीफ़िल फ़ाइल भी प्रदान करता है जिसे आप सीधे HTML पेज में शामिल कर सकते हैं।

यदि आप बैबल का उपयोग नहीं करते हैं तो यह विकल्प पॉलीफ़िल के प्रबंधन का एक सुविधाजनक तरीका हो सकता है। हालांकि, हम उत्पादन ऐप्स के लिए इस ऑल-इन-वन विकल्प की अनुशंसा नहीं करते हैं क्योंकि इसमें अनावश्यक पॉलीफ़िल शामिल होने की संभावना है, जिससे पृष्ठ का भार बढ़ जाता है और इसलिए पृष्ठ लोड समय बढ़ जाता है।