支持 Firebase JavaScript SDK 的环境

受支持的环境

以下环境正式支持 Firebase JavaScript SDK。

浏览器

^{1 Firebase AI Logic 以前称为“Vertex AI in Firebase”。}

其他环境

^{1 Firebase AI Logic 以前称为“Vertex AI in Firebase”。}

Polyfill

Firebase JavaScript SDK 基于 Web 平台的最新标准构建。某些较旧的浏览器和 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 集成的捆绑器

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

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

使用 Babel，您无需担心到底要包含哪些 Polyfill。您只需指定自己需要支持的最低要求的浏览器环境，然后 Babel 就会为您添加所需的 Polyfill。即使 Firebase 或您自己的代码开始使用新的 ES 功能，Babel 也能确保始终满足您对浏览器支持的要求。

@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，这会增加页面重量，因而增加页面加载时间。