Lingkungan yang didukung untuk Firebase JavaScript SDK

Lingkungan yang didukung

Firebase JavaScript SDK secara resmi didukung di lingkungan berikut.

Browser

produk Firebase Tepian Firefox Chrome Safari iOS Safari
Analitik
Autentikasi
Cloud Firestore
(kecuali
kegigihan)

(kecuali
kegigihan
jika iOS < 10)
Fungsi Cloud
Pesan Awan
(Edge 17+, kecuali seluler)
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
Pesan Awan
Penyimpanan awan
(kecuali
upload)
Pemantauan Kinerja
Basis Data Waktu Nyata
Konfigurasi Jarak Jauh

polifill

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 polifill
Safari 7 & 8 & 9 ES Stabil
Simpul < 6.5 ES Stabil

Polyfill opsional

Lingkungan polifill produk Firebase
  • simpul
  • Safari < 10.1
  • iOS < 10.3
mengambil
  • Fungsi Cloud
  • Pemantauan Kinerja

Polyfill yang disarankan

polifill Lisensi
ES Stabil MIT
mengambil MIT

Tambahkan polyfill di aplikasi Anda

Opsi 1 : (Disarankan) Gunakan bundler yang terintegrasi dengan Babel

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

Gunakan panduan penyiapan interaktif Babel untuk mempelajari cara 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 mendetail tentang opsi konfigurasi yang tersedia untuk menentukan target lingkungan ( targets opsi) dan menambahkan polyfill (opsi useBuiltIns ).

Opsi 2 : (Tidak Direkomendasikan) Tambahkan polyfill secara manual

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

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

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

Opsi ini bisa menjadi cara yang nyaman untuk mengelola polyfill jika Anda tidak menggunakan Babel. Namun, kami tidak merekomendasikan opsi all-in-one ini untuk aplikasi produksi karena kemungkinan akan menyertakan polyfill yang tidak perlu, yang meningkatkan bobot halaman dan karenanya waktu buka halaman.