Firebase JavaScript SDK 支持的环境

支持的环境

Firebase JavaScript SDK 在以下环境中得到正式支持。

浏览器

其他环境

填充物

Firebase JavaScript SDK 基于网络平台的最新标准构建。一些较旧的浏览器和 JavaScript 环境不支持 Firebase 所需的所有功能。如果您必须支持这些浏览器/环境，则需要相应地加载 polyfill。

以下部分确定了您可能需要的大多数 polyfill。

所需的 polyfill

可选的 polyfill

建议的 polyfill

React Native 和 Expo 所需的 Polyfill 设置

对于 React Native 和 Expo，如果您要上传 base-64 编码的字符串，您需要执行以下操作：

从 npm 安装base-64 ：

npm install base-64

从base-64导入decode并将其作为atob附加到全局范围，以便 Cloud Storage 可以访问它。

import { decode } from 'base-64';

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

在您的应用程序中添加 polyfill

选项 1 ：（推荐）使用与 Babel 集成的 bundler

如果您使用的是捆绑器，请与Babel和@babel/preset-env集成以获取 polyfill。

使用 Babel 的交互式设置指南来了解如何将 Babel 与您的捆绑器集成。

使用 Babel，您无需担心要包含的确切 polyfill。相反，您指定需要支持的最小浏览器环境。然后 Babel 会为你添加必要的 polyfill。 Babel 确保始终满足您对浏览器支持的要求，即使 Firebase 或您自己的代码开始使用新的 ES 功能也是如此。

@babel/preset-env有关于指定环境目标（选项targets ）和添加 polyfill（选项useBuiltIns ）的可用配置选项的详细信息。

选项 2 ：（不推荐）手动添加 polyfill

您可以使用您喜欢的 polyfill 库（例如core-js ）手动添加 polyfill。

import 'core-js/stable'
import 'cross-fetch/polyfill';

core-js还提供了一个多合一的 polyfill 文件，您可以直接将其包含在 HTML 页面中。

如果你不使用 Babel，这个选项可能是管理 polyfill 的一种便捷方式。但是，我们不建议将这种多合一选项用于生产应用程序，因为它可能包含不必要的 polyfill，这会增加页面重量，从而增加页面加载时间。