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

इन एनवायरमेंट में Firebase JavaScript SDK काम करता है

Firebase JavaScript SDK, आधिकारिक तौर पर इन एनवायरमेंट में काम करता है.

ब्राउज़र

^{1 Firebase AI Logic को पहले "Vertex AI in Firebase" कहा जाता था.}

अन्य एनवायरमेंट

^{1 Firebase AI Logic को पहले "Vertex AI in Firebase" कहा जाता था.}

Polyfills

Firebase JavaScript SDK, वेब प्लैटफ़ॉर्म के नए मानकों पर बना है. कुछ पुराने ब्राउज़र और JavaScript एनवायरमेंट में, Firebase की ज़रूरी सभी सुविधाएं काम नहीं करती हैं. अगर आपको इन ब्राउज़र/एनवायरमेंट के लिए सहायता देनी है, तो आपको उनके हिसाब से Polyfills लोड करने होंगे.

यहां दिए गए सेक्शन में, उन ज़्यादातर Polyfills की जानकारी दी गई है जिनकी आपको ज़रूरत पड़ सकती है.

ज़रूरी Polyfills

वैकल्पिक Polyfills

सुझाए गए Polyfills

React Native और Expo के लिए, ज़रूरी Polyfill सेटअप

अगर React Native और Expo के लिए, base-64 एनकोड किया गया स्ट्रिंग अपलोड किया जा रहा है, तो आपको यह काम करना होगा:

npm से base-64 इंस्टॉल करें:

npm install base-64

base-64 से decode इंपोर्ट करें और इसे ग्लोबल स्कोप में atob के तौर पर अटैच करें, ताकि Cloud Storage इसे ऐक्सेस कर सके.

import { decode } from 'base-64';

if(typeof atob === 'undefined') {
  global.atob = decode;
}

अपने ऐप्लिकेशन में Polyfills जोड़ना

पहला विकल्प: (सुझाया जाता है) Babel के साथ इंटिग्रेट किए गए बंडलर का इस्तेमाल करना

अगर बंडलर का इस्तेमाल किया जा रहा है, तो Polyfills पाने के लिए, इसे Babel और @babel/preset-env के साथ इंटिग्रेट करें.

Babel को अपने बंडलर के साथ इंटिग्रेट करने का तरीका जानने के लिए, Babel की इंटरैक्टिव सेटअप गाइड का इस्तेमाल करें.

Babel के साथ, आपको शामिल किए जाने वाले सटीक Polyfills के बारे में चिंता करने की ज़रूरत नहीं है. इसके बजाय, आपको उन ब्राउज़र एनवायरमेंट के बारे में बताना होगा जिनके लिए सहायता देनी है. इसके बाद, Babel आपके लिए ज़रूरी Polyfills जोड़ता है. Babel यह पक्का करता है कि ब्राउज़र की सहायता से जुड़ी आपकी ज़रूरतें हमेशा पूरी हों. भले ही, Firebase या आपका अपना कोड, ES की नई सुविधाओं का इस्तेमाल करना शुरू कर दे.

@babel/preset-env में, एनवायरमेंट टारगेट (विकल्प targets) तय करने और Polyfills (विकल्प useBuiltIns) जोड़ने के लिए, उपलब्ध कॉन्फ़िगरेशन विकल्पों के बारे में ज़्यादा जानकारी दी गई है.

दूसरा विकल्प: (यह विकल्प इस्तेमाल करने का सुझाव नहीं दिया जाता) मैन्युअल तरीके से Polyfills जोड़ना

अपनी पसंदीदा Polyfill लाइब्रेरी (उदाहरण के लिए, core-js) का इस्तेमाल करके, मैन्युअल तरीके से Polyfills जोड़े जा सकते हैं.

import 'core-js/stable'
import 'cross-fetch/polyfill';

core-js एक ऑल-इन-वन Polyfill फ़ाइल भी उपलब्ध कराता है. इसे सीधे एचटीएमएल पेज में शामिल किया जा सकता है.

अगर Babel का इस्तेमाल नहीं किया जा रहा है, तो यह विकल्प Polyfills मैनेज करने का एक आसान तरीका हो सकता है. हालांकि, हम प्रोडक्शन ऐप्लिकेशन के लिए, इस ऑल-इन-वन विकल्प का इस्तेमाल करने का सुझाव नहीं देते, क्योंकि इसमें ऐसे polyfills शामिल होने की संभावना होती है जिनकी ज़रूरत नहीं होती. इससे पेज का साइज़ बढ़ जाता है और इसलिए, पेज लोड अवधि ज़्यादा हो जाती है.