Firebase JavaScript SDK'sı için desteklenen ortamlar

Desteklenen ortamlar

Firebase JavaScript SDK'sı aşağıdaki ortamlarda resmi olarak desteklenmektedir.

Tarayıcılar

Firebase ürünü Edge Firefox Chrome iOS Safari Safari
App Check
Analytics
Authentication
Cloud Firestore
(kalıcı
kalıcılık hariç)

(iOS 10'dan küçükse
kalıcılık
hariç)
Cloud Functions
Firebase yükleme
Cloud Messaging
(Uç 17+, mobil cihazlar hariç)
Cloud Storage
Performance Monitoring
Realtime Database
Remote Config
Vertex AI in Firebase

Diğer ortamlar

Firebase ürünü Doğal tepki ver Node.js Chrome
Uzantılar
Córdova
App Check
(yerel cihaz onayı yapmak için özel sağlayıcı kullanma)

(özel sağlayıcı kullanarak)
Analytics
Authentication
(Not'a bakın)

(Not'a bakın)

(Not'a bakın)

(Not'a bakın)
Cloud Firestore
(kalıcı
kalıcılık hariç)

(kalıcı
kalıcılık hariç)
Cloud Functions
Firebase yükleme
Cloud Messaging
Cloud Storage
(yüklemeler
hariç)
Performance Monitoring
Realtime Database
Remote Config
Vertex AI in Firebase

Çoklu dolgular

Firebase JavaScript SDK'sı, web platformunun en son standartları temel alınarak geliştirilmiştir. Biraz eski tarayıcılar ve JavaScript ortamları tüm özellikleri desteklemez Firebase için gereklidir. Bu tarayıcıları/ortamları desteklemeniz gerekiyorsa gerektiği gibi yükleyebilirsiniz.

Aşağıdaki bölümlerde, ihtiyaç duyabileceğiniz çoklu dolguların çoğu tanımlanmıştır.

Gerekli polyfill'ler

Ortam Çoklu dolgular
Safari 7 ve 8 ve 9 ES Kararlı
Düğüm < 6,5 ES Kararlı

İsteğe bağlı polyfill'ler

Ortam Çoklu dolgular Firebase ürünleri
  • Düğüm
  • Safari < 10.1
  • iOS < 10,3
getir
  • Cloud Functions
  • Performance Monitoring
  • Tepki Yerel ve Sergileme
base-64
  • Cloud Storage

Önerilen çoklu dolgular

Çoklu dolgular Lisans
İspanya Kararlı MIT
getir MIT
base-64 MIT

React Native ve Sergileme için Gerekli Polyfill Kurulumu

React Native ve Expo için, base-64 olarak kodlanmış bir dize yüklüyorsanız aşağıdakileri yapmanız gerekir:

npm'den base-64'ü yükleyin:

npm install base-64

decode öğesini base-64 yolundan içe aktarın ve atob olarak global kapsama ekleyin. Böylece Cloud Storage bu verilere erişebilir.

import { decode } from 'base-64';

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

Uygulamanıza polyfill'ler ekleyin

1. seçenek: (Önerilen) Babel ile entegre paketleyici kullanma

Paketleyici kullanıyorsanız Babel ve almak için @babel/preset-env polifillerdir.

Bilgi edinmek için Babel'in etkileşimli kurulum kılavuzunu kullanın Babel'i paketleyicinizle nasıl entegre edebileceğinizi göstereceğim.

Babel'de, dahil edilecek tam çoklu dolguları dert etmenize gerek yoktur. Bunun yerine, desteklemeniz gereken minimum tarayıcı ortamlarını belirtirsiniz. Ardından Babel, sizin için gerekli çoklu dolguları ekler. Babel, Firebase veya kendi web siteniz bile olsa tarayıcı desteği gereksinimleri her zaman karşılanır. kodu yeni ES özelliklerini kullanmaya başlar.

@babel/preset-env ortamı belirtmek için kullanılabilen yapılandırma seçenekleri hakkında bilgi (targets seçeneği) ve çoklu dolgular ekleme (useBuiltIns seçeneği) dahil.

2. seçenek: (Önerilmez) Çoklu dolguları manuel olarak ekleme

En sevdiğiniz polyfill kitaplıklarını kullanarak polyfill'leri manuel olarak ekleyebilirsiniz. örnek, core-js).

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

core-js ayrıca bir hepsi bir arada çoklu dolgu dosyası kod snippet'i ekleyin.

Bu seçenek, Babel. Ancak, bu hepsi bir arada seçeneği üretim için önermiyoruz. Uygulamalar çünkü muhtemelen, sayfayı büyüten gereksiz çoklu dolgular içeriyor. ve dolayısıyla sayfa yüklenme süresi de artar.