Firebase JavaScript SDK टूल के साथ काम करने वाले एनवायरमेंट

साथ काम करने वाले एनवायरमेंट

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 प्रॉडक्ट
  • नोड
  • सफ़ारी < 10.1
  • iOS < 10.3
 फ़ेच करें
  • Cloud Functions
  • Performance Monitoring
  • नेटिव और एक्सपो पर प्रतिक्रिया दें
 बेस-64
  • Cloud Storage

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

पॉलीफ़िल लाइसेंस
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 का इस्तेमाल नहीं करते हैं, तो यह विकल्प पॉलीफ़िल को प्रबंधित करने का एक आसान तरीका हो सकता है. हालांकि, हम प्रोडक्शन ऐप्लिकेशन के लिए यह ऑल-इन-वन विकल्प इस्तेमाल करने का सुझाव नहीं देते हैं, क्योंकि इसमें ग़ैर-ज़रूरी पॉलीफ़िल शामिल हो सकते हैं. इससे पेज का वज़न बढ़ता है और पेज लोड होने में लगने वाला समय बढ़ जाता है.