Các môi trường được hỗ trợ cho Firebase JavaScript SDK

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
  • Nút
  • Safari < 10.1
  • iOS < 10,3
tìm nạp
  • Cloud Functions
  • Performance Monitoring
  • React Native và Expo
base-64
  • Cloud Storage

Đ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.