Firebase JavaScript SDK'sı için desteklenen ortamlar

Desteklenen ortamlar

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

Tarayıcılar

Firebase ürünü	Edge	iOS Safari
Firebase AI Logic ¹
Analytics
App Check
Authentication
Cloud Firestore	( kalıcılık hariç)	(iOS 10'dan önceki sürümlerde persistence hariç)
Cloud Functions
Firebase yükleme
Cloud Messaging	(Mobil hariç Edge 17 veya üst sürümler)
Cloud Storage
Data Connect
Performance Monitoring
Realtime Database
Remote Config

^{1 Firebase AI Logic eski adıyla "Vertex AI in Firebase" idi.}

Diğer ortamlar

Firebase ürünü	React Native	Node.js (18+)	Chrome Uzantıları	Cordova
Firebase AI Logic ¹
App Check	(yerel cihaz kimlik doğrulaması yapmak için özel sağlayıcı kullanma)	(özel sağlayıcı kullanılarak)
Analytics
Authentication	(Not'a bakın)	(Not'a bakın)	(Not'a bakın)	(Not'a bakın)
Cloud Firestore	( kalıcılık hariç)	( kalıcılık hariç)
Cloud Functions
Data Connect
Firebase yükleme
Cloud Messaging
Cloud Storage	(yüklemeler hariç)
Performance Monitoring
Realtime Database
Remote Config

^{1 Firebase AI Logic eski adıyla "Vertex AI in Firebase" idi.}

Çoklu dolgular

Firebase JavaScript SDK'sı, web platformunun en son standartlarına göre tasarlanmıştır. Bazı eski tarayıcılar ve JavaScript ortamları, Firebase'in gerektirdiği tüm özellikleri desteklemez. Bu tarayıcıları/ortamları desteklemeniz gerekiyorsa polyfill'leri uygun şekilde yüklemeniz gerekir.

Aşağıdaki bölümlerde, ihtiyaç duyabileceğiniz polyfill'lerin çoğu tanımlanmaktadır.

Gerekli polyfill'ler

Ortam	Polifill'ler
Safari 7, 8 ve 9	ES Stable
Düğüm < 10	ES Stable

İsteğe bağlı polyfill'ler

Ortam	Polifill'ler	Firebase ürünleri
Safari 10.1'den eski sürümler iOS 10.3'ten eski sürümler	fetch	Authentication Cloud Firestore Cloud Functions Performance Monitoring
Düğüm < 18	fetch	Authentication Cloud Firestore Cloud Functions Cloud Storage
React Native ve Expo	64 tabanlı	Cloud Storage

Önerilen polyfill'ler

Polifill'ler	Lisans
ES Stable	MIT
fetch - "cross-fetch" - eski tarayıcılar için en iyisi	MIT
fetch - `undici` - Node.js için en iyisi	MIT
64 tabanlı	MIT

React Native ve Expo için Gerekli Polyfill Kurulumu

React Native ve Expo için base64 kodlu 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'dan içe aktarın ve Cloud Storage'ın erişebilmesi için genel kapsama atob olarak ekleyin.

import { decode } from 'base-64';

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

Uygulamanıza polyfill ekleme

1. Seçenek: (Önerilir) Babel ile entegre edilmiş bir paketleyici kullanın

Paketleyici kullanıyorsanız polyfill'ler almak için Babel ve @babel/preset-env ile entegrasyon yapın.

Babel'i paketleyicinizle nasıl entegre edeceğinizi öğrenmek için Babel'in etkileşimli kurulum kılavuzunu kullanın.

Babel ile, eklenecek tam polyfill'ler hakkında endişelenmenize gerek yoktur. Bunun yerine, desteklemeniz gereken minimum tarayıcı ortamlarını belirtirsiniz. Ardından Babel, gerekli polyfill'leri sizin için ekler. Babel, Firebase veya kendi kodunuz yeni ES özelliklerini kullanmaya başlasa bile tarayıcı desteğiyle ilgili gereksinimlerinizin her zaman karşılanmasını sağlar.

@babel/preset-env, ortam hedeflerini belirtmek (targets seçeneği) ve polyfill eklemek (useBuiltIns seçeneği) için kullanılabilen yapılandırma seçenekleri hakkında ayrıntılı bilgi içerir.

2. Seçenek: (Önerilmez) Polifillleri manuel olarak ekleme

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

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

core-js, doğrudan HTML sayfasına dahil edebileceğiniz her şey dahil bir polyfill dosyası da sağlar.

Babel kullanmıyorsanız bu seçenek, polyfill'leri yönetmenin uygun bir yolu olabilir. Ancak, sayfa ağırlığını ve dolayısıyla sayfa yüklenme süresini artıran gereksiz çoklu doldurma işlemleri içermesi muhtemel olduğundan bu hepsi bir arada seçeneği üretim uygulamaları için önermeyiz.