Môi trường được hỗ trợ
SDK Firebase JavaScript được hỗ trợ chính thức trong các môi trường sau.
Trình duyệt
| Sản phẩm Firebase | Edge | Firefox | Chrome | Safari trên iOS | Safari |
|---|---|---|---|---|---|
| App Check | |||||
| Analytics | |||||
| Authentication | |||||
| Cloud Firestore | (trừ vĩnh viễn) |
(trừ trường hợp lưu trữ nếu iOS < 10) |
|||
| Cloud Functions | |||||
| Firebase lượt cài đặt | |||||
| Cloud Messaging | (Edge 17 trở lên, ngoại trừ thiết bị di động) |
||||
| Cloud Storage | |||||
| Performance Monitoring | |||||
| Realtime Database | |||||
| Remote Config | |||||
| Vertex AI in Firebase |
Các môi trường khác
| Sản phẩm Firebase | Phản ứng gốc | Node.js | Tiện ích Chrome |
Cordova |
|---|---|---|---|---|
| App Check | (sử dụng một nhà cung cấp tuỳ chỉnh để chứng thực thiết bị gốc) |
(sử dụng nhà cung cấp tuỳ chỉnh) |
||
| Analytics | ||||
| Authentication | (xem Lưu ý) |
(xem Lưu ý) |
(xem Lưu ý) |
(xem Lưu ý) |
| Cloud Firestore | (trừ vĩnh viễn) |
(trừ vĩnh viễn) |
||
| Cloud Functions | ||||
| Firebase lượt cài đặt | ||||
| Cloud Messaging | ||||
| Cloud Storage | (trừ video tải lên) |
|||
| Performance Monitoring | ||||
| Realtime Database | ||||
| Remote Config | ||||
| Vertex AI in Firebase |
Túi polyfill
SDK Firebase JavaScript được xây dựng dựa trên các tiêu chuẩn mới nhất của nền tảng web. Hơi nhiều trình duyệt cũ hơn và môi trường JavaScript không hỗ trợ tất cả các tính năng mà Firebase yêu cầu. Nếu bạn phải hỗ trợ các trình duyệt/môi trường này, thì bạn cần phải tải polyfill tương ứng.
Các phần dưới đây xác định hầu hết các loại polyfill mà bạn có thể cần.
Đoạn polyfill bắt buộc
| Môi trường | Polyfill |
|---|---|
| Safari 7 và 8 và 9 | Phiên bản ổn định cho ES |
| Nút < 6,5 | Phiên bản ổn định cho ES |
Chất liệu polyfill không bắt buộc
| Môi trường | Polyfill | Các sản phẩm của Firebase |
|---|---|---|
|
tìm nạp |
|
|
base-64 |
|
Đoạn polyfill đề xuất
| Polyfill | Giấy phép |
|---|---|
| Tây Ban Nha Chính thức | MIT |
| tìm nạp | MIT |
| base-64 | MIT |
Thiết lập Polyfill bắt buộc cho React Native và Expo
Đối với React Native và Expo nếu đang tải lên chuỗi được mã hoá base-64, bạn cần làm như sau:
Cài đặt base-64 từ npm:
npm install base-64
Nhập decode từ base-64 rồi đính kèm vào phạm vi toàn cục dưới dạng atob để
Cloud Storage có thể truy cập vào tệp này.
import { decode } from 'base-64';
if(typeof atob === 'undefined') {
global.atob = decode;
}
Thêm đoạn mã polyfill vào đơn đăng ký
Cách 1: (Nên dùng) Sử dụng trình gói tích hợp với adb
Nếu bạn đang sử dụng trình theo gói, hãy tích hợp với Babel và Hãy @babel/preset-env để nhận đoạn mã polyfill.
Sử dụng hướng dẫn thiết lập tương tác của Squarespace để tìm hiểu cách tích hợp Squarespace với trình tạo gói của bạn.
Với iMessage, bạn không cần phải lo lắng về việc phải thêm các đoạn mã polyfill chính xác. Thay vào đó, bạn chỉ định những môi trường trình duyệt tối thiểu mà bạn cần hỗ trợ. Sau đó, Squarespace sẽ thêm các polyfill cần thiết cho bạn. adb đảm bảo rằng luôn đáp ứng các yêu cầu về khả năng hỗ trợ trình duyệt, ngay cả khi Firebase mã bắt đầu sử dụng các tính năng ES mới.
@babel/preset-env đã cung cấp thông tin chi tiết
thông tin về các tuỳ chọn cấu hình có sẵn để chỉ định môi trường
nhắm mục tiêu (lựa chọn targets) và thêm đoạn mã polyfill (lựa chọn useBuiltIns).
Cách 2: (Không nên dùng) Thêm đoạn mã polyfill theo cách thủ công
Bạn có thể thêm tệp polyfill theo cách thủ công bằng cách sử dụng các thư viện polyfill yêu thích của mình (cho
ví dụ: core-js).
import 'core-js/stable'
import 'cross-fetch/polyfill';
core-js cũng cung cấp
tệp polyfill tất cả trong một
mà bạn có thể trực tiếp đưa vào trang HTML.
Đây có thể là một cách thuận tiện để quản lý các đoạn mã polyfill nếu bạn không sử dụng adb. Tuy nhiên, bạn không nên sử dụng tuỳ chọn tích hợp này cho giai đoạn sản xuất apps vì nó có thể bao gồm các đoạn mã polyfill không cần thiết, làm tăng trang từ đó kéo dài thời gian tải trang.