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

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

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

דפדפנים

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

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

סביבות אחרות

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

(ראה הערה )

(ראה הערה )

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

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

מילוי פוליפים

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

החלקים שלהלן מזהים את מרבית מילוי המילוי הנחוץ לך.

מילוי חובה

סביבות מילוי פוליפים
IE 11 ES יציב
ספארי 7 & 8 & 9 ES יציב
צומת <6.5 ES יציב

מילוי פוליסות אופציונלי

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

הצעות פוליפ מוצעות

מילוי פוליפים רישיון
ES יציב MIT
לְהָבִיא MIT

הוסף מילוי מילוי ליישום שלך

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

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

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

עם בבל, אינך צריך לדאוג למילוי הפוליס המדויק שיכלול. במקום זאת, אתה מציין את סביבות הדפדפן המינימליות שאתה צריך לתמוך בהן. לאחר מכן בבל מוסיפה עבורך את מילוי המדיניות הדרושים. 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.

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