Catch up on everthing we announced at this year's Firebase Summit. Learn more

Ambientes compatíveis com o Firebase JavaScript SDK

Ambientes suportados

O SDK do Firebase para JavaScript é oficialmente compatível com os ambientes a seguir.

Navegadores

Produto Firebase IE11 Borda Raposa de fogo cromada iOS Safari Safári
Analytics
Autenticação
Cloud Firestore
(exceto
persistência)

(exceto
persistência
se iOS <10)
Cloud Functions
Cloud Messaging
(Edge 17+)
Armazenamento na núvem
Monitoramento de Desempenho
Realtime Database
Configuração Remota

Outros ambientes

Produto Firebase React Native Node.js cromada
Extensões
Cordova
Analytics
Autenticação
(ver nota )

(ver nota )

(ver nota )

(ver nota )
Cloud Firestore
(exceto
persistência)

(exceto
persistência)
Cloud Functions
Cloud Messaging
Armazenamento na núvem
(exceto
uploads)
Monitoramento de Desempenho
Realtime Database
Configuração Remota

Polyfills

O SDK do Firebase para JavaScript é baseado nos padrões mais recentes da plataforma da web. Alguns navegadores e ambientes JavaScript mais antigos não oferecem suporte a todos os recursos exigidos pelo Firebase. Se você deve oferecer suporte a esses navegadores / ambientes, precisará carregar os polyfills de acordo.

As seções abaixo identificam a maioria dos polyfills de que você pode precisar.

Polyfills necessários

Ambientes Polyfills
IE 11 ES Stable
Safari 7 e 8 e 9 ES Stable
Nó <6,5 ES Stable

Polyfills opcionais

Ambientes Polyfills Produtos Firebase
  • IE 11
  • Safari <10.1
  • iOS <10.3
buscar
  • Cloud Functions
  • Monitoramento de Desempenho

Polyfills sugeridos

Polyfills Licença
ES Stable MIT
buscar MIT

Adicione polyfills em seu aplicativo

Opção 1: (recomendado) Use bundler integrado com Babel

Se você estiver usando uma bundler, integrar com Babel e @ babel / preset-env para obter polyfills.

Interativa da utilização Babel guia de configuração para aprender a integrar Babel com o seu bundler.

Com o Babel, você não precisa se preocupar com os polyfills exatos a serem incluídos. Em vez disso, você especifica os ambientes de navegador mínimos aos quais precisa oferecer suporte. O Babel então adiciona os polyfills necessários para você. O Babel garante que seus requisitos para suporte ao navegador sejam sempre atendidos, mesmo se o Firebase ou seu próprio código começar a usar novos recursos ES.

@ babel / preset-env tem informações detalhadas sobre as opções de configuração disponíveis para a especificação de metas ambientais (opção targets ) e adicionando polyfills (opção useBuiltIns ).

Opção 2: (não recomendado) Adicionar polyfills manualmente

Você pode adicionar polyfills manualmente usando suas bibliotecas polyfill favoritos (por exemplo, core-js ).

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

core-js também fornece um ficheiro tudo-em-um polyfill que você pode diretamente incluir na página HTML.

Esta opção pode ser uma maneira conveniente de gerenciar polyfills se você não usar o Babel. No entanto, não recomendamos esta opção tudo-em-um para aplicativos de produção, uma vez que provavelmente irá incluir polyfills desnecessários, o que aumenta o peso da página e, portanto, o tempo de carregamento da página.