Check out what’s new from Firebase@ Google I/O 2021, and join our alpha program for early access to the new Remote Config personalization feature. Learn more

สภาพแวดล้อมที่รองรับสำหรับ Firebase JavaScript SDK

สภาพแวดล้อมที่รองรับ

Firebase JavaScript SDK ได้รับการสนับสนุนอย่างเป็นทางการในสภาพแวดล้อมต่อไปนี้

เบราว์เซอร์

ผลิตภัณฑ์ Firebase IE11 ขอบ Firefox โครเมียม iOS Safari ซาฟารี
การวิเคราะห์
การตรวจสอบสิทธิ์
Cloud Firestore
(ยกเว้น
วิริยะ)

(ยกเว้น
วิริยะ)

(ยกเว้น
วิริยะ
ถ้า iOS < 10)
ฟังก์ชั่นคลาวด์ Cloud
การส่งข้อความบนคลาวด์
(ขอบ 17+)
การจัดเก็บเมฆ
การตรวจสอบประสิทธิภาพ
ฐานข้อมูลเรียลไทม์
การกำหนดค่าระยะไกล

สภาพแวดล้อมอื่นๆ

ผลิตภัณฑ์ Firebase React Native Node.js โครเมียม
ส่วนขยาย
คอร์โดวา
การวิเคราะห์
การตรวจสอบสิทธิ์
(ดู หมายเหตุ )

(ดู หมายเหตุ )

(ดู หมายเหตุ )

(ดู หมายเหตุ )
Cloud Firestore
(ยกเว้น
วิริยะ)

(ยกเว้น
วิริยะ)
ฟังก์ชั่นคลาวด์ Cloud
การส่งข้อความบนคลาวด์
การจัดเก็บเมฆ
(ยกเว้น
อัปโหลด)
การตรวจสอบประสิทธิภาพ
ฐานข้อมูลเรียลไทม์
การกำหนดค่าระยะไกล

Polyfills

Firebase JavaScript SDK สร้างขึ้นจากมาตรฐานล่าสุดของแพลตฟอร์มเว็บ เบราว์เซอร์รุ่นเก่าและสภาพแวดล้อม JavaScript ไม่รองรับคุณสมบัติทั้งหมดที่ Firebase ต้องการ หากคุณต้องสนับสนุนเบราว์เซอร์/สภาพแวดล้อมเหล่านี้ คุณจะต้องโหลดโพลีฟิลตามนั้น

ส่วนด้านล่างระบุ polyfills ส่วนใหญ่ที่คุณอาจต้องการ

Polyfills ที่จำเป็น

สิ่งแวดล้อม Polyfills
IE 11 ES เสถียร
Safari 7 & 8 & 9 ES เสถียร
โหนด < 6.5 ES เสถียร

polyfills ทางเลือก

สิ่งแวดล้อม Polyfills ผลิตภัณฑ์ Firebase
  • IE 11
  • โหนด
  • ซาฟารี < 10.1
  • iOS < 10.3
เรียก
  • ฟังก์ชั่นคลาวด์ Cloud
  • การตรวจสอบประสิทธิภาพ

โพลิฟิลที่แนะนำ

Polyfills ใบอนุญาต
ES เสถียร MIT
เรียก MIT

เพิ่มโพลีฟิลในใบสมัครของคุณ

ตัวเลือกที่ 1 : (แนะนำ) ใช้ Bundler ที่รวมเข้ากับ Babel

หากคุณกำลังใช้บันเดิล ให้ผสานรวมกับ Babel และ @babel/preset-env เพื่อรับโพลีฟิล

ใช้ คู่มือการตั้งค่า แบบโต้ตอบของ Babel เพื่อเรียนรู้วิธีผสานรวม Babel เข้ากับเครื่องมัดรวมของคุณ

ด้วย Babel คุณไม่จำเป็นต้องกังวลเกี่ยวกับโพลีฟิลที่ต้องการรวมอยู่ด้วย แต่คุณระบุสภาพแวดล้อมเบราว์เซอร์ขั้นต่ำที่คุณต้องสนับสนุนแทน Babel จะเพิ่มโพลีฟิลที่จำเป็นสำหรับคุณ Babel ช่วยให้มั่นใจว่าความต้องการของคุณสำหรับการสนับสนุนเบราว์เซอร์จะตรงตามความต้องการเสมอ แม้ว่า Firebase หรือโค้ดของคุณจะเริ่มใช้คุณลักษณะ ES ใหม่ก็ตาม

@babel/preset-env มีข้อมูลโดยละเอียดเกี่ยวกับตัวเลือกการกำหนดค่าที่พร้อมใช้งานสำหรับการระบุเป้าหมายสภาพแวดล้อม ( targets ตัวเลือก) และการเพิ่มโพลีฟิล (ตัวเลือก useBuiltIns )

ตัวเลือกที่ 2 : (ไม่แนะนำ) เพิ่ม polyfills ด้วยตนเอง

คุณสามารถเพิ่ม polyfill ได้ด้วยตนเองโดยใช้ไลบรารี polyfill ที่คุณชื่นชอบ (เช่น core-js )

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

core-js ยังมี ไฟล์ polyfill แบบ all-in-one ที่คุณสามารถรวมไว้ในหน้า HTML ได้โดยตรง

ตัวเลือกนี้เป็นวิธีที่สะดวกสำหรับการจัดการโพลีฟิล หากคุณไม่ได้ใช้ Babel อย่างไรก็ตาม เราไม่แนะนำตัวเลือกแบบครบวงจรนี้สำหรับแอปที่ใช้งานจริง เนื่องจากอาจมีโพลีฟิลที่ไม่จำเป็น ซึ่งเพิ่มน้ำหนักหน้าและด้วยเหตุนี้เวลาในการโหลดหน้าเว็บ