Google berkomitmen untuk mendorong terwujudnya keadilan ras bagi komunitas Kulit Hitam. Lihat caranya.

Lingkungan yang didukung untuk Firebase JavaScript SDK

Lingkungan yang didukung

Firebase JavaScript SDK secara resmi didukung di lingkungan berikut.

Browser

Produk Firebase IE11 Edge Firefox Chrome iOS Safari Safari
Analytics
Authentication
Cloud Firestore
(kecuali
persistensi)

(kecuali
persistensi)

(kecuali
persistensi
jika iOS < 10)
Cloud Functions
Cloud Messaging
(Edge 17+)
Cloud Storage
Performance Monitoring
Realtime Database
Remote Config

Lingkungan lain

Produk Firebase React Native Node.js Ekstensi
Chrome
Cordova
Analytics
Authentication
(lihat Catatan)

(lihat Catatan)

(lihat Catatan)

(lihat Catatan)
Cloud Firestore
(kecuali
persistensi)

(kecuali
persistensi)
Cloud Functions
Cloud Messaging
Cloud Storage
(kecuali
upload)
Performance Monitoring
Realtime Database
Remote Config

Polyfill

Firebase JavaScript SDK dibuat berdasarkan standar platform web terbaru. Beberapa browser yang lebih lama dan lingkungan JavaScript tidak mendukung semua fitur yang diperlukan oleh Firebase. Jika Anda harus mendukung browser/lingkungan ini, maka Anda perlu memuat polyfill.

Bagian di bawah mengidentifikasi sebagian besar polyfill yang mungkin Anda butuhkan.

Polyfill yang dibutuhkan

Lingkungan Polyfill
IE 11 ES Stable
Safari 7 & 8 & 9 ES Stable
Node < 6.5 ES Stable

Polyfill opsional

Lingkungan Polyfill Produk Firebase
  • IE 11
  • Node
  • Safari < 10.1
  • iOS < 10.3
fetch
  • Cloud Functions
  • Performance Monitoring

Polyfill yang disarankan

Polyfill Lisensi
ES Stable MIT
fetch MIT

Menambahkan polyfill di aplikasi Anda

Opsi 1: (Direkomendasikan) Menggunakan bundler yang terintegrasi dengan Babel

Jika Anda menggunakan bundler, integrasikan dengan Babel dan @babel/preset-env untuk mendapatkan polyfill.

Gunakan panduan penyiapan Babel yang interaktif untuk mempelajari cara mengintegrasikan Babel dengan bundler Anda.

Dengan Babel, Anda tidak perlu khawatir tentang polyfill mana yang harus disertakan. Sebaliknya, Anda dapat menentukan lingkungan browser minimal yang perlu Anda dukung. Kemudian, Babel akan menambahkan polyfill yang diperlukan untuk Anda. Babel akan memastikan bahwa persyaratan Anda untuk dukungan browser selalu terpenuhi, meskipun Firebase atau kode Anda sendiri mulai menggunakan fitur ES yang baru.

@babel/preset-env memiliki informasi mendetail mengenai opsi konfigurasi yang tersedia untuk menentukan target lingkungan (opsi targets) dan menambahkan polyfill (opsi useBuiltIns).

Opsi 2: (Tidak Direkomendasikan) Menambahkan polyfill secara manual

Anda dapat menambahkan polyfill secara manual menggunakan library polyfill favorit (misalnya, core-js).

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

core-js juga menyediakan file polyfill all-in-one yang dapat Anda sertakan secara langsung di halaman HTML.

Opsi ini bisa menjadi cara yang praktis untuk mengelola polyfill jika Anda tidak menggunakan Babel. Namun, sebaiknya jangan gunakan opsi all-in-one ini untuk aplikasi produksi karena kemungkinan akan menyertakan polyfill yang tidak perlu, yang akan menambah berat halaman dan waktu muat halaman.