Môi trường được hỗ trợ cho Firebase JavaScript SDK

Môi trường được hỗ trợ

Firebase JavaScript SDK được hỗ trợ chính thức trong các môi trường sau đây.

Trình duyệt

Sản phẩm Firebase Edge Firefox Chrome Safari trên iOS Safari
Kiểm tra ứng dụng
Số liệu phân tích
Xác thực
Cloud Firestore
(ngoại trừ
khả năng lưu trữ cố định)

(ngoại trừ
tính bền vững
nếu iOS < 10)
Chức năng đám mây
Cài đặt Firebase
Gửi thông báo qua đám mây
(Edge 17 trở lên, ngoại trừ thiết bị di động)
Bộ nhớ trên đám mây
Giám sát hiệu suất
Cơ sở dữ liệu theo thời gian thực
Cấu hình từ xa

Các môi trường khác

Sản phẩm Firebase Phản ứng gốc Node.js Tiện ích
Chrome
Nghiên cứu
Kiểm tra ứng dụng
(sử dụng 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)
Số liệu phân tích
Xác thực
(xem Lưu ý)

(xem Lưu ý)

(xem Lưu ý)

(xem Lưu ý)
Cloud Firestore
(ngoại trừ
khả năng lưu trữ cố định)

(ngoại trừ
khả năng lưu trữ cố định)
Chức năng đám mây
Cài đặt Firebase
Gửi thông báo qua đám mây
Bộ nhớ trên đám mây
(ngoại trừ
video tải lên)
Giám sát hiệu suất
Cơ sở dữ liệu theo thời gian thực
Cấu hình từ xa

Vải polyfill

Firebase JavaScript SDK đượ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. Một số trình duyệt và môi trường JavaScript cũ không hỗ trợ tất cả các tính năng mà Firebase yêu cầu. Nếu phải hỗ trợ các trình duyệt/môi trường này, thì bạn cần tải các polyfill cho phù hợp.

Các phần dưới đây sẽ xác định hầu hết các loại polyfills mà bạn có thể cần đến.

Lớp phủ polyfill bắt buộc

Môi trường Bút nhựa
Safari 7, 8 và 9 Phiên bản chính thức Tây Ban Nha
Nút < 6,5 Phiên bản chính thức Tây Ban Nha

Vải polyfills không bắt buộc

Môi trường Bút nhựa Các sản phẩm của Firebase
  • Nút
  • Safari < 10.1
  • iOS dưới 10.3
tìm nạp
  • Cloud Functions
  • Giám sát hiệu suất
  • Phản ứng với Native và Expo
cơ-64
  • Cloud Storage

Lớp phủ polyfill được đề xuất

Bút nhựa Giấy phép
Phiên bản ổn định cho Tây Ban Nha MIT
tìm nạp MIT
cơ-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 một chuỗi được mã hoá base-64, bạn cần thực hiện như sau:

Cài đặt base-64 từ npm:

npm install base-64

Nhập decode từ base-64 và đính kèm vào toàn phạm vi dưới dạng atob để Cloud Storage có thể truy cập.

import { decode } from 'base-64';

if(typeof atob === 'undefined') {
  global.atob = decode;
}

Thêm polyfill vào ứng dụng

Cách 1: (Nên dùng) Sử dụng trình đóng gói được tích hợp với CameraX

Nếu bạn đang sử dụng trình đóng gói, hãy tích hợp với Babel@babel/preset-env để nhận polyfill.

Sử dụng hướng dẫn thiết lập có tính tương tác của CameraX để tìm hiểu cách tích hợp CameraX với trình đóng gói của bạn.

Với CameraX, bạn không cần lo lắng về việc cần thêm chính xác polyfill. Thay vào đó, bạn sẽ chỉ định các môi trường trình duyệt tối thiểu mà bạn cần hỗ trợ. Sau đó, nỗ lực của bạn sẽ được thêm các polyfills cần thiết cho bạn. Bumblebee đảm bảo rằng bạn luôn đáp ứng các yêu cầu hỗ trợ trình duyệt, ngay cả khi Firebase hoặc mã của riêng bạn 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 về các tuỳ chọn cấu hình có sẵn để chỉ định mục tiêu môi trường (tuỳ chọn targets) và thêm polyfill (tuỳ 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 polyfill theo cách thủ công bằng cách sử dụng các thư viện polyfill bạn yêu thích (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.

Tuỳ chọn này có thể là một cách thuận tiện để quản lý polyfills nếu bạn không sử dụng Babel. Tuy nhiên, bạn không nên sử dụng tính năng tất cả trong một này cho các ứng dụng chính thức vì lựa chọn này có thể sẽ chứa các đoạn mã polyfill không cần thiết, làm tăng trọng lượng trang và dẫn đến thời gian tải trang.