साथ काम करने वाले एनवायरमेंट
Firebase JavaScript SDK टूल, आधिकारिक तौर पर इन एनवायरमेंट में काम करता है.
ब्राउज़र
| Firebase प्रॉडक्ट | Edge | Firefox | Chrome | iOS सफ़ारी | Safari |
|---|---|---|---|---|---|
| ऐप्लिकेशन की जांच | |||||
| Analytics | |||||
| पुष्टि करना | |||||
| Cloud Firestore | (परसिस्टेंस को छोड़कर) |
(सिर्फ़ परसिस्टेंस अगर iOS < 10 वर्शन हो) |
|||
| Cloud के फ़ंक्शन | |||||
| Firebase इंस्टॉलेशन | |||||
| क्लाउड से मैसेज | (Edge 17+, मोबाइल को छोड़कर) |
||||
| क्लाउड स्टोरेज | |||||
| परफ़ॉर्मेंस मॉनिटर करना | |||||
| रीयलटाइम डेटाबेस | |||||
| रिमोट कॉन्फ़िगरेशन |
अन्य एनवायरमेंट
| Firebase प्रॉडक्ट | प्रतिक्रिया देने वाला नेटिव विज्ञापन | Node.js के लिए | Chrome एक्सटेंशन |
कोर्डोवा |
|---|---|---|---|---|
| ऐप्लिकेशन की जांच | (नेटिव डिवाइस की पुष्टि करने के लिए, पसंद के मुताबिक सेवा देने वाली कंपनी का इस्तेमाल करना) |
(पसंद के मुताबिक बनाई गई सेवा देने वाली कंपनी का इस्तेमाल करके) |
||
| Analytics | ||||
| पुष्टि करना | (नोट देखें) |
(नोट देखें) |
(नोट देखें) |
(नोट देखें) |
| Cloud Firestore | (परसिस्टेंस को छोड़कर) |
(परसिस्टेंस को छोड़कर) |
||
| Cloud के फ़ंक्शन | ||||
| Firebase इंस्टॉलेशन | ||||
| क्लाउड से मैसेज | ||||
| क्लाउड स्टोरेज | (अपलोड को छोड़कर) |
|||
| परफ़ॉर्मेंस मॉनिटर करना | ||||
| रीयलटाइम डेटाबेस | ||||
| रिमोट कॉन्फ़िगरेशन |
पॉलीफ़िल
Firebase JavaScript SDK टूल को, वेब प्लैटफ़ॉर्म के सबसे नए स्टैंडर्ड पर बनाया गया है. कुछ पुराने ब्राउज़र और JavaScript एनवायरमेंट में, Firebase के लिए ज़रूरी सभी सुविधाएं काम नहीं करतीं. अगर आपकी साइट पर ये ब्राउज़र/एनवायरमेंट काम करते हैं, तो आपको उसके मुताबिक पॉलीफ़िल लोड करने होंगे.
नीचे दिए गए सेक्शन में ऐसे ज़्यादातर पॉलीफ़िल के बारे में बताया गया है जिनकी आपको ज़रूरत पड़ सकती है.
ज़रूरी पॉलीफ़िल
| एनवायरमेंट | पॉलीफ़िल |
|---|---|
| Safari 7, 8 और 9 | ES स्टेबल |
| नोड < 6.5 | ES स्टेबल |
वैकल्पिक पॉलीफ़िल
| एनवायरमेंट | पॉलीफ़िल | Firebase प्रॉडक्ट |
|---|---|---|
|
फ़ेच करें |
|
|
बेस-64 |
|
सुझाए गए पॉलीफ़िल
| पॉलीफ़िल | लाइसेंस |
|---|---|
| ES स्थिर | MIT |
| फ़ेच करें | MIT |
| बेस-64 | MIT |
रिऐक्ट नेटिव और एक्सपो के लिए ज़रूरी पॉलीफ़िल सेटअप
रीऐक्ट नेटिव और एक्सपो के लिए, अगर बेस-64 कोड में बदली गई स्ट्रिंग अपलोड की जा रही है, तो आपको ये काम करने होंगे:
एनपीएम से base-64 को इंस्टॉल करें:
npm install base-64
decode को base-64 से इंपोर्ट करें और इसे atob के तौर पर ग्लोबल स्कोप में अटैच करें, ताकि
Cloud Storage इसे ऐक्सेस कर सके.
import { decode } from 'base-64';
if(typeof atob === 'undefined') {
global.atob = decode;
}
अपने ऐप्लिकेशन में पॉलीफ़िल जोड़ना
पहला विकल्प: (सुझाया गया) बेबल के साथ इंटिग्रेट किए गए बंडलर का इस्तेमाल करें
अगर किसी बंडलर का इस्तेमाल किया जा रहा है, तो पॉलीफ़िल पाने के लिए Babel और @babel/preset-env के साथ इंटिग्रेट करें.
बेबल को अपने बंडलर के साथ इंटिग्रेट करने का तरीका जानने के लिए, बेबल की इंटरैक्टिव सेटअप गाइड का इस्तेमाल करें.
बेबल के साथ, आपको शामिल करने के लिए सटीक पॉलीफ़िल के बारे में चिंता करने की ज़रूरत नहीं है. इसके बजाय, आपको कम से कम वे ब्राउज़र एनवायरमेंट तय करने होते हैं जिनकी मदद करने की ज़रूरत होती है. इसके बाद, बेबल आपके लिए ज़रूरी पॉलीफ़िल जोड़ता है. बेबल यह पक्का करता है कि ब्राउज़र से जुड़ी सहायता के लिए आपकी ज़रूरी शर्तें हमेशा पूरी हों, भले ही Firebase या आपका कोड, नई ES सुविधाओं का इस्तेमाल करना शुरू कर दे.
@babel/preset-env में एनवायरमेंट टारगेट तय करने (विकल्प targets) और पॉलीफ़िल जोड़ने (विकल्प useBuiltIns) जोड़ने के लिए उपलब्ध कॉन्फ़िगरेशन विकल्पों के बारे में ज़्यादा जानकारी दी गई है.
दूसरा विकल्प: (इसका सुझाव नहीं दिया जाता) मैन्युअल तरीके से पॉलीफ़िल जोड़ें
अपनी पसंदीदा पॉलीफ़िल लाइब्रेरी का इस्तेमाल करके, मैन्युअल तरीके से पॉलीफ़िल जोड़े जा सकते हैं. उदाहरण के लिए, core-js.
import 'core-js/stable'
import 'cross-fetch/polyfill';
core-js, पूरी जानकारी वाली पॉलीफ़िल फ़ाइल भी उपलब्ध कराता है, जिसे सीधे एचटीएमएल पेज में शामिल किया जा सकता है.
अगर आप बाबेल का इस्तेमाल नहीं करते हैं, तो यह विकल्प पॉलीफ़िल को प्रबंधित करने का एक आसान तरीका हो सकता है. हालांकि, हम प्रोडक्शन ऐप्लिकेशन के लिए यह ऑल-इन-वन विकल्प इस्तेमाल करने का सुझाव नहीं देते, क्योंकि इसमें बेवजह की पॉलीफ़िल शामिल हो सकते हैं. इससे पेज का वज़न बढ़ जाता है और पेज लोड होने में लगने वाला समय बढ़ जाता है.