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