Ambienti supportati per l'SDK Firebase JavaScript

Ambienti supportati

L'SDK Firebase JavaScript è ufficialmente supportato nei seguenti ambienti.

Browser

^{1 Firebase AI Logic era precedentemente chiamato "Vertex AI in Firebase".}

Altri ambienti

^{1 Firebase AI Logic era precedentemente chiamato "Vertex AI in Firebase".}

Polyfill

L'SDK Firebase JavaScript è basato sugli standard più recenti della piattaforma web. Alcuni browser e ambienti JavaScript meno recenti non supportano tutte le funzionalità richieste da Firebase. Se devi supportare questi browser/ambienti, devi caricare i polyfill di conseguenza.

Le sezioni seguenti identificano la maggior parte dei polyfill di cui potresti aver bisogno.

Polyfill obbligatori

Polyfill facoltativi

Polyfill suggeriti

Configurazione dei polyfill obbligatori per React Native ed Expo

Per React Native ed Expo, se carichi una stringa con codifica in base64, devi procedere nel seguente modo:

Installa base-64 da npm:

npm install base-64

Importa decode da base-64 e collegalo all'ambito globale come atob in modo che Cloud Storage possa accedervi.

import { decode } from 'base-64';

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

Aggiungere i polyfill all'applicazione

Opzione 1: (consigliata) utilizzare il bundler integrato con Babel

Se utilizzi un bundler, esegui l'integrazione con Babel e @babel/preset-env per ottenere i polyfill.

Utilizza la guida di configurazione interattiva di Babel per scoprire come integrare Babel con il tuo bundler.

Con Babel non devi preoccuparti dei polyfill esatti da includere. Devi invece specificare gli ambienti browser minimi che devi supportare. Babel aggiunge quindi i polyfill necessari. Babel garantisce che i requisiti per il supporto del browser siano sempre soddisfatti, anche se Firebase o il tuo codice iniziano a utilizzare nuove funzionalità ES.

@babel/preset-env contiene informazioni dettagliate sulle opzioni di configurazione disponibili per specificare le destinazioni dell'ambiente (opzione targets) e aggiungere i polyfill (opzione useBuiltIns).

Opzione 2: (non consigliata) aggiungere i polyfill manualmente

Puoi aggiungere i polyfill manualmente utilizzando le tue librerie di polyfill preferite (ad es. core-js).

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

core-js fornisce anche un file di polyfill all-in-one che puoi includere direttamente nella pagina HTML.

Questa opzione può essere un modo pratico per gestire i polyfill se non utilizzi Babel. Tuttavia, non consigliamo questa opzione all-in-one per le app di produzione in quanto è probabile che includa polyfill non necessari, il che aumenta il peso della pagina e quindi il tempo di caricamento della pagina.