साथ काम करने वाले एनवायरमेंट
Firebase JavaScript SDK टूल, नीचे दिए गए एनवायरमेंट में आधिकारिक तौर पर काम करता है.
ब्राउज़र
Firebase प्रॉडक्ट | Edge | Firefox | Chrome | iOS Safari | Safari |
---|---|---|---|---|---|
ऐप्लिकेशन की जांच | |||||
Analytics | |||||
पुष्टि करना | |||||
Cloud Firestore | (निरंतरता के अलावा) |
(अगर iOS < 10 है, तो परसिस्टेंस के अलावा) |
|||
Cloud के फ़ंक्शन | |||||
Firebase इंस्टॉल करना | |||||
क्लाउड से मैसेज | (एज 17+, मोबाइल को छोड़कर) |
||||
क्लाउड स्टोरेज | |||||
परफ़ॉर्मेंस मॉनिटर करना | |||||
रीयलटाइम डेटाबेस | |||||
रिमोट कॉन्फ़िगरेशन | |||||
Firebase के लिए Vertex AI |
अन्य एनवायरमेंट
Firebase प्रॉडक्ट | नेटिव लेआउट में प्रतिक्रिया दें | Node.js के लिए | Chrome एक्सटेंशन |
कोर्डोवा |
---|---|---|---|---|
ऐप्लिकेशन की जांच | (डिवाइस से प्रमाणित करने के लिए, सेवा देने वाली किसी कंपनी का इस्तेमाल करना) |
(ग्राहक की सेवा देने वाली किसी कंपनी का इस्तेमाल करके) |
||
Analytics | ||||
पुष्टि करना | (ध्यान दें देखें) |
(ध्यान दें देखें) |
(ध्यान दें देखें) |
(ध्यान दें देखें) |
Cloud Firestore | (निरंतरता के अलावा) |
(निरंतरता के अलावा) |
||
Cloud के फ़ंक्शन | ||||
Firebase इंस्टॉल करना | ||||
क्लाउड से मैसेज | ||||
क्लाउड स्टोरेज | (अपलोड किए गए वीडियो के अलावा) |
|||
परफ़ॉर्मेंस मॉनिटर करना | ||||
रीयलटाइम डेटाबेस | ||||
रिमोट कॉन्फ़िगरेशन | ||||
Firebase के लिए Vertex AI |
पॉलीफ़िल
Firebase JavaScript SDK टूल को, वेब प्लैटफ़ॉर्म के सबसे नए स्टैंडर्ड के हिसाब से बनाया गया है. कुछ पुराने ब्राउज़र और JavaScript एनवायरमेंट में Firebase के लिए ज़रूरी सभी सुविधाएं काम नहीं करतीं. अगर आपको इन ब्राउज़र/एनवायरमेंट के साथ काम करना है, तो आपको पॉलीफ़िल को उसके हिसाब से लोड करना होगा.
नीचे दिए गए सेक्शन में, उन ज़्यादातर पॉलीफ़िल के बारे में बताया गया है जिनकी आपको ज़रूरत पड़ सकती है.
पॉलीफ़िल ज़रूरी हैं
एनवायरमेंट | पॉलीफ़िल |
---|---|
सफ़ारी 7, 8, और 9 | स्पेन स्टेबल |
नोड < 6.5 | स्पेन स्टेबल |
वैकल्पिक पॉलीफ़िल
एनवायरमेंट | पॉलीफ़िल | Firebase प्रॉडक्ट |
---|---|---|
|
फ़ेच करें |
|
|
बेस-64 |
|
सुझाए गए पॉलीफ़िल
पॉलीफ़िल | लाइसेंस |
---|---|
ES स्थिर | MIT |
फ़ेच करें | MIT |
बेस-64 | MIT |
React Native और Expo के लिए ज़रूरी Polyfill सेटअप
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 और @bbel/preset-env के साथ इंटिग्रेट करें.
बेबल को अपने बंडलर के साथ इंटिग्रेट करने का तरीका जानने के लिए, बेबल की इंटरैक्टिव सेटअप गाइड का इस्तेमाल करें.
बेबल के साथ, आपको यह चिंता करने की ज़रूरत नहीं है कि पूरी तरह से पॉलीफ़िल को शामिल किया जाए. इसके बजाय, आपको ब्राउज़र पर काम करने के लिए ज़रूरी कम से कम एनवायरमेंट देने होते हैं. इसके बाद, Baबेल आपके लिए ज़रूरी पॉलीफ़िल जोड़ देता है. बेबल यह पक्का करता है कि ब्राउज़र के लिए सहायता की ज़रूरी शर्तें हमेशा पूरी हों. भले ही, Firebase या आपके कोड ने नई ES सुविधाओं का इस्तेमाल करना शुरू कर दिया हो.
@bbel/preset-env में एनवायरमेंट टारगेट (विकल्प targets
) की जानकारी देने और पॉलीफ़िल (विकल्प useBuiltIns
) जोड़ने के लिए, उपलब्ध कॉन्फ़िगरेशन के विकल्पों के बारे में पूरी जानकारी दी गई है.
दूसरा विकल्प: (इसका सुझाव नहीं दिया जाता) मैन्युअल तरीके से पॉलीफ़िल जोड़ें
अपनी पसंदीदा पॉलीफ़िल लाइब्रेरी का इस्तेमाल करके, मैन्युअल तरीके से पॉलीफ़िल को जोड़ा जा सकता है. उदाहरण के लिए, core-js
.
import 'core-js/stable'
import 'cross-fetch/polyfill';
core-js
में, ऑल-इन-वन पॉलीफ़िल फ़ाइल भी उपलब्ध होती है, जिसे सीधे एचटीएमएल पेज में शामिल किया जा सकता है.
अगर आप Babel का इस्तेमाल नहीं करते हैं, तो यह विकल्प पॉलीफ़िल को प्रबंधित करने का एक आसान तरीका हो सकता है. हालांकि, हम प्रोडक्शन ऐप्लिकेशन के लिए यह ऑल-इन-वन विकल्प इस्तेमाल करने का सुझाव नहीं देते हैं, क्योंकि इसमें ग़ैर-ज़रूरी पॉलीफ़िल शामिल हो सकते हैं. इससे पेज का वज़न बढ़ता है और पेज लोड होने में लगने वाला समय बढ़ जाता है.