สภาพแวดล้อมที่รองรับ
Firebase JavaScript SDK ได้รับการสนับสนุนอย่างเป็นทางการในสภาพแวดล้อมต่อไปนี้
เบราว์เซอร์
ผลิตภัณฑ์ Firebase | Edge | Firefox | Chrome | iOS Safari | Safari |
---|---|---|---|---|---|
การตรวจสอบแอป | |||||
ข้อมูลวิเคราะห์ | |||||
การตรวจสอบสิทธิ์ | |||||
Cloud Firestore | (ยกเว้น ถาวร) |
(ยกเว้น ถาวร หาก iOS ต่ำกว่า 10) |
|||
ฟังก์ชันระบบคลาวด์ | |||||
การติดตั้ง Firebase | |||||
การรับส่งข้อความในระบบคลาวด์ | (Edge 17+ ยกเว้นอุปกรณ์เคลื่อนที่) |
||||
พื้นที่เก็บข้อมูลระบบคลาวด์ | |||||
การตรวจสอบประสิทธิภาพ | |||||
ฐานข้อมูลเรียลไทม์ | |||||
การกำหนดค่าระยะไกล | |||||
Vertex AI สำหรับ Firebase |
สภาพแวดล้อมอื่นๆ
ผลิตภัณฑ์ Firebase | แสดงความรู้สึกกับโฆษณาเนทีฟ | Node.js | Chrome ส่วนขยาย |
คอร์โดวา |
---|---|---|---|---|
การตรวจสอบแอป | (ใช้ผู้ให้บริการที่กำหนดเองเพื่อยืนยันเอกสารรับรองของอุปกรณ์เนทีฟ) |
(ใช้ผู้ให้บริการที่กำหนดเอง) |
||
ข้อมูลวิเคราะห์ | ||||
การตรวจสอบสิทธิ์ | (ดูหมายเหตุ) |
(ดูหมายเหตุ) |
(ดูหมายเหตุ) |
(ดูหมายเหตุ) |
Cloud Firestore | (ยกเว้น ถาวร) |
(ยกเว้น ถาวร) |
||
ฟังก์ชันระบบคลาวด์ | ||||
การติดตั้ง Firebase | ||||
การรับส่งข้อความในระบบคลาวด์ | ||||
พื้นที่เก็บข้อมูลระบบคลาวด์ | (ยกเว้น การอัปโหลด) |
|||
การตรวจสอบประสิทธิภาพ | ||||
ฐานข้อมูลเรียลไทม์ | ||||
การกำหนดค่าระยะไกล | ||||
Vertex AI สำหรับ Firebase |
โพลีฟิล
Firebase JavaScript SDK สร้างขึ้นตามมาตรฐานล่าสุดของแพลตฟอร์มเว็บ เบราว์เซอร์และสภาพแวดล้อม JavaScript ที่เก่ากว่าบางฟีเจอร์ไม่รองรับฟีเจอร์บางอย่างที่ Firebase ต้องการ หากต้องรองรับเบราว์เซอร์/สภาพแวดล้อมเหล่านี้ คุณต้องโหลด Polyfill ตามนั้น
ส่วนด้านล่างจะระบุโพลีฟิลส่วนใหญ่ที่คุณอาจจำเป็นต้องใช้
โพลีฟิลที่จำเป็น
สภาพแวดล้อม | Polyfills |
---|---|
Safari 7 และ 8 และ 9 | ES เวอร์ชันเสถียร |
โหนด < 6.5 | ES เวอร์ชันเสถียร |
Polyfill ที่ไม่บังคับ
สภาพแวดล้อม | Polyfills | ผลิตภัณฑ์ Firebase |
---|---|---|
|
ดึงข้อมูล |
|
|
เลขฐาน 64 |
|
โพลีฟิลที่แนะนำ
Polyfills | ใบอนุญาต |
---|---|
ES เวอร์ชันเสถียร | MIT |
ดึงข้อมูล | MIT |
เลขฐาน 64 | MIT |
ต้องตั้งค่า Polyfill ที่จำเป็นสำหรับโฆษณาเนทีฟและนิทรรศการ
สําหรับ React Native และ Expo หากคุณอัปโหลดสตริงที่เข้ารหัสแบบ Base64 คุณต้องทำดังนี้
ติดตั้ง base-64 จาก npm:
npm install base-64
นำเข้า decode
จาก base-64
และแนบไว้ในขอบเขตรวมเป็น atob
เพื่อให้ Cloud Storage เข้าถึงได้
import { decode } from 'base-64';
if(typeof atob === 'undefined') {
global.atob = decode;
}
เพิ่ม Polyfill ในแอปพลิเคชัน
ตัวเลือกที่ 1: (แนะนำ) ใช้เครื่องมือ Bundler ที่ผสานรวมกับ Babel
หากคุณใช้ Bundler ให้ผสานรวมกับ Babel และ @babel/preset-env เพื่อรับ Polyfill
ใช้คู่มือการตั้งค่าแบบอินเทอร์แอกทีฟของ Babel เพื่อเรียนรู้วิธีผสานรวม Babel กับ Bundler
ด้วย Babel คุณไม่ต้องกังวลเกี่ยวกับ Polyfill ที่จะใส่รวมอยู่ด้วย แต่คุณจะระบุสภาพแวดล้อมของเบราว์เซอร์ขั้นต่ำที่คุณต้องการสนับสนุนแทน จากนั้น Babel จะเพิ่มโพลีฟิลที่จำเป็นให้กับคุณ Babel ทำให้แน่ใจว่า คุณได้ปฏิบัติตามข้อกำหนดในการสนับสนุนเบราว์เซอร์อยู่เสมอ แม้ว่า Firebase หรือโค้ดของคุณเองจะเริ่มใช้ฟีเจอร์ใหม่ของ ES ก็ตาม
@babel/preset-env มีข้อมูลโดยละเอียดเกี่ยวกับตัวเลือกการกำหนดค่าที่พร้อมใช้งานสำหรับการระบุเป้าหมายสภาพแวดล้อม (ตัวเลือก targets
) และการเพิ่ม Polyfill (ตัวเลือก useBuiltIns
)
ตัวเลือกที่ 2: (ไม่แนะนำ) เพิ่ม Polyfill ด้วยตนเอง
คุณเพิ่ม Polyfill ได้ด้วยตนเองโดยใช้ไลบรารี Polyfill ที่คุณชอบ (เช่น core-js
)
import 'core-js/stable'
import 'cross-fetch/polyfill';
core-js
ยังมีไฟล์ Polyfill ที่ครบวงจรที่คุณใส่ไว้ในหน้า HTML ได้โดยตรง
ตัวเลือกนี้เป็นวิธีที่สะดวกในการจัดการโพลีฟิลหากคุณไม่ใช้ Babel อย่างไรก็ตาม เราไม่แนะนำให้ใช้ตัวเลือกแบบครบวงจรนี้สำหรับแอปเวอร์ชันที่ใช้งานจริง เนื่องจากอาจรวม Polyfill ที่ไม่จำเป็น ซึ่งจะช่วยเพิ่มน้ำหนักหน้าและทำให้เวลาในการโหลดหน้าเว็บเกิดขึ้น