Catch up on everthing we announced at this year's Firebase Summit. Learn more

סביבות נתמכות עבור Firebase JavaScript SDK

סביבות נתמכות

ה-SDK של Firebase JavaScript נתמך רשמית בסביבות הבאות.

דפדפנים

מוצר Firebase IE11 קָצֶה פיירפוקס כרום iOS Safari ספארי
ניתוח
אימות
Cloud Firestore
(מלבד
הַתמָדָה)

(מלבד
הַתמָדָה
אם iOS < 10)
פונקציות ענן
העברת הודעות בענן
(קצה 17+)
אחסון בענן
ניטור ביצועים
מסד נתונים בזמן אמת
תצורה מרחוק

סביבות אחרות

מוצר Firebase תגובה יליד Node.js כרום
הרחבות
קורדובה
ניתוח
אימות
(ראה הערה )

(ראה הערה )

(ראה הערה )

(ראה הערה )
Cloud Firestore
(מלבד
הַתמָדָה)

(מלבד
הַתמָדָה)
פונקציות ענן
העברת הודעות בענן
אחסון בענן
(מלבד
העלאות)
ניטור ביצועים
מסד נתונים בזמן אמת
תצורה מרחוק

Polyfills

Firebase JavaScript SDK בנוי על הסטנדרטים העדכניים ביותר של פלטפורמת האינטרנט. חלק מדפדפנים וסביבות JavaScript ישנות יותר אינם תומכים בכל התכונות הנדרשות על-ידי Firebase. אם אתה חייב לתמוך בדפדפנים/סביבות אלה, עליך לטעון polyfills בהתאם.

הסעיפים שלהלן מזהים את רוב הפוליפילים שאולי תזדקק להם.

פוליפילים נדרשים

סביבות Polyfills
IE 11 ES יציב
ספארי 7 ו-8 ו-9 ES יציב
צומת < 6.5 ES יציב

פוליפילים אופציונליים

סביבות Polyfills מוצרי Firebase
  • IE 11
  • צוֹמֶת
  • ספארי < 10.1
  • iOS < 10.3
לְהָבִיא
  • פונקציות ענן
  • ניטור ביצועים

פוליפילים מוצעים

Polyfills רישיון
ES יציב MIT
לְהָבִיא MIT

הוסף polyfills ביישום שלך

אפשרות 1: (מומלץ) bundler השתמש משולב עם בבל

אם אתה משתמש bundler, לשלב עם בבל ו @ בבל / קבועים מראש-env לקבל polyfills.

השתמש אינטראקטיבי של בבל ההתקנה מדריך כדי ללמוד כיצד לשלב בבל עם bundler שלך.

עם Babel, אתה לא צריך לדאוג לגבי הפוליפילים המדויקים שיש לכלול. במקום זאת, אתה מציין את סביבות הדפדפן המינימליות שאתה צריך לתמוך בהן. לאחר מכן, בבל מוסיפה עבורך את הפוליפילים הדרושים. Babel מבטיחה שהדרישות שלך לתמיכה בדפדפן תמיד מתקיימות, גם אם Firebase או קוד משלך מתחילים להשתמש בתכונות ES חדשות.

@ בבל / קבועים מראש-env יש מידע מפורט על אפשרויות תצורה זמינות לציון מטרות הסביבה (אפשרות targets ) והוספת polyfills (אפשרות useBuiltIns ).

אפשרות 2: (לא מומלץ) הוסף polyfills ידני

אתה יכול להוסיף polyfills ידני באמצעות ספריות polyfill אהוב שלך (למשל, core-js ).

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

core-js מספק גם קובץ all-in-one polyfill שאתה ישירות יכול לכלול בדף ה- HTML.

אפשרות זו יכולה להיות דרך נוחה לניהול polyfills אם אינך משתמש ב-Babel. עם זאת, איננו ממליץ all-in-one זו אופצית אפליקציות ייצור כפי שהוא צפוי לכלול polyfills המיותר, אשר מגדיל את משקל הדף ומכאן זמן הטעינה של הדף.