समर्थित वातावरण
फायरबेस जावास्क्रिप्ट एसडीके निम्नलिखित वातावरणों में आधिकारिक रूप से समर्थित है।
ब्राउज़र्स
| फायरबेस उत्पाद | किनारा | फ़ायरफ़ॉक्स | क्रोम | आईओएस सफारी | सफारी |
|---|---|---|---|---|---|
| ऐप चेक | |||||
| एनालिटिक्स | |||||
| प्रमाणीकरण | |||||
| क्लाउड फायरस्टोर | (के अलावा अटलता) | (के अलावा अटलता अगर आईओएस <10) | |||
| क्लाउड फ़ंक्शंस | |||||
| फायरबेस प्रतिष्ठान | |||||
| क्लाउड मैसेजिंग | (एज 17+, मोबाइल को छोड़कर) | ||||
| घन संग्रहण | |||||
| निष्पादन की निगरानी | |||||
| रीयलटाइम डेटाबेस | |||||
| दूरस्थ विन्यास |
अन्य वातावरण
| फायरबेस उत्पाद | प्रतिक्रियाशील मूल निवासी | नोड.जेएस | क्रोम एक्सटेंशन | कॉर्डोबा |
|---|---|---|---|---|
| ऐप चेक | (देशी डिवाइस सत्यापन करने के लिए एक कस्टम प्रदाता का उपयोग करना) | (एक कस्टम प्रदाता का उपयोग करके) | ||
| एनालिटिक्स | ||||
| प्रमाणीकरण | ( नोट देखें) | ( नोट देखें) | ( नोट देखें) | ( नोट देखें) |
| क्लाउड फायरस्टोर | (के अलावा अटलता) | (के अलावा अटलता) | ||
| क्लाउड फ़ंक्शंस | ||||
| फायरबेस प्रतिष्ठान | ||||
| क्लाउड मैसेजिंग | ||||
| घन संग्रहण | (के अलावा अपलोड) | |||
| निष्पादन की निगरानी | ||||
| रीयलटाइम डेटाबेस | ||||
| दूरस्थ विन्यास |
पॉलीफिल्स
फायरबेस जावास्क्रिप्ट एसडीके वेब प्लेटफॉर्म के नवीनतम मानकों पर बनाया गया है। कुछ पुराने ब्राउज़र और JavaScript परिवेश Firebase के लिए आवश्यक सभी सुविधाओं का समर्थन नहीं करते हैं। यदि आपको इन ब्राउज़रों/वातावरणों का समर्थन करना चाहिए, तो आपको तदनुसार पॉलीफ़िल लोड करने की आवश्यकता है।
नीचे दिए गए खंड उन अधिकांश पॉलीफ़िल की पहचान करते हैं जिनकी आपको आवश्यकता हो सकती है।
आवश्यक पॉलीफिल
| वातावरण | पॉलीफिल्स |
|---|---|
| सफारी 7 और 8 और 9 | ईएस स्थिर |
| नोड <6.5 | ईएस स्थिर |
वैकल्पिक पॉलीफिल
| वातावरण | पॉलीफिल्स | फायरबेस उत्पाद |
|---|---|---|
| लाना |
|
| आधार -64 |
|
सुझाए गए पॉलीफिल
| पॉलीफिल्स | लाइसेंस |
|---|---|
| ईएस स्थिर | एमआईटी |
| लाना | एमआईटी |
| आधार -64 | एमआईटी |
रिएक्टिव नेटिव और एक्सपो के लिए आवश्यक पॉलीफ़िल सेटअप
रिएक्टिव नेटिव और एक्सपो के लिए यदि आप एक बेस-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 पेज में शामिल कर सकते हैं।
यदि आप बैबल का उपयोग नहीं करते हैं तो यह विकल्प पॉलीफ़िल के प्रबंधन का एक सुविधाजनक तरीका हो सकता है। हालांकि, हम उत्पादन ऐप्स के लिए इस ऑल-इन-वन विकल्प की अनुशंसा नहीं करते हैं क्योंकि इसमें अनावश्यक पॉलीफ़िल शामिल होने की संभावना है, जिससे पृष्ठ का भार बढ़ जाता है और इसलिए पृष्ठ लोड समय बढ़ जाता है।