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 Tepian Firefox Chrome Safari iOS Safari
Analitik
Autentikasi
Cloud Firestore
(kecuali
kegigihan)

(kecuali
kegigihan
jika iOS < 10)
Fungsi Cloud
Perpesanan Awan
(Tepi 17+)
Penyimpanan awan
Pemantauan Kinerja
Basis Data Waktu Nyata
Konfigurasi Jarak Jauh

Lingkungan lainnya

produk Firebase Bereaksi Asli Node.js Chrome
Ekstensi
Cordova
Analitik
Autentikasi
(lihat Catatan )

(lihat Catatan )

(lihat Catatan )

(lihat Catatan )
Cloud Firestore
(kecuali
kegigihan)

(kecuali
kegigihan)
Fungsi Cloud
Perpesanan Awan
Penyimpanan awan
(kecuali
upload)
Pemantauan Kinerja
Basis Data Waktu Nyata
Konfigurasi Jarak Jauh

Polyfill

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

Bagian di bawah ini mengidentifikasi sebagian besar polyfill yang mungkin Anda perlukan.

Polyfill yang dibutuhkan

Lingkungan Polyfill
yaitu 11 ES Stabil
Safari 7 & 8 & 9 ES Stabil
Simpul < 6.5 ES Stabil

Polyfill opsional

Lingkungan Polyfill Produk Firebase
  • yaitu 11
  • simpul
  • Safari < 10.1
  • iOS < 10.3
mengambil
  • Fungsi Cloud
  • Pemantauan Kinerja

Polyfill yang disarankan

Polyfill Lisensi
ES Stabil MIT
mengambil MIT

Tambahkan polyfill di aplikasi Anda

Opsi 1: (Disarankan) Gunakan bundler terintegrasi dengan Babel

Jika Anda menggunakan bundler sebuah, mengintegrasikan dengan Babel dan @ babel / preset-env untuk mendapatkan polyfills.

Interaktif menggunakan Babel panduan konfigurasi untuk belajar bagaimana untuk mengintegrasikan Babel dengan bundler Anda.

Dengan Babel, Anda tidak perlu khawatir tentang polyfill yang tepat untuk disertakan. Sebagai gantinya, Anda menentukan lingkungan browser minimal yang perlu Anda dukung. Babel kemudian menambahkan polyfill yang diperlukan untuk Anda. Babel memastikan bahwa persyaratan Anda untuk dukungan browser selalu terpenuhi, bahkan jika Firebase atau kode Anda sendiri mulai menggunakan fitur ES baru.

@ babel / preset-env memiliki informasi rinci tentang opsi konfigurasi yang tersedia untuk menentukan target lingkungan (option targets ) dan menambahkan polyfills (pilihan useBuiltIns ).

Opsi 2: (Not Recommended) Tambah polyfills secara manual

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

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

core-js juga menyediakan file yang semua-dalam-satu polyfill yang Anda langsung dapat disertakan dalam halaman HTML.

Opsi ini bisa menjadi cara yang nyaman untuk mengelola polyfill jika Anda tidak menggunakan Babel. Namun, kami tidak merekomendasikan ini semua-dalam-satu pilihan untuk aplikasi produksi karena kemungkinan akan mencakup polyfills yang tidak perlu, yang meningkatkan berat badan halaman dan karenanya waktu buka halaman.