Lingkungan yang didukung untuk Firebase JavaScript SDK

Lingkungan yang didukung

Firebase JavaScript SDK secara resmi didukung di lingkungan berikut.

Penting: Anda masih perlu menyertakan polyfill untuk lingkungan yang tidak mendukung fitur yang diperlukan oleh Firebase.

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

Catatan: Semua fitur Autentikasi, kecuali autentikasi telepon dan operasi popup/redirect OAuth , didukung.

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 ).

Catatan: Jika Anda menggunakan kerangka kerja, pekerjaan mengonfigurasi Babel dan menambahkan polyfill mungkin berbeda atau sebenarnya sudah ditangani untuk Anda. Lihat panduan pengaturan interaktif Babel untuk informasi lebih lanjut.

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.