将Firebase Web应用程序链接到Firebase托管站点有什么好处？

如何解决将Firebase Web应用程序链接到Firebase托管站点有什么好处？

我应将Web应用程序链接到控制台中的Firebase Hosting网站的目的是什么？有什么好处和效果？

此处涵盖了两者之间的区别：Whats the difference between firebase web app and firebase hosting。

文档https://firebase.google.com/docs/web/setup#register-app中提到了链接，但未解释其原理和后果。

解决方法

Firebase support documentation说：

如果在Firebase项目中注册Web应用程序时选择不设置主机，则可能需要在Project设置中将Web应用程序链接到Hosting网站。

如果您将Firebase Hosting用于Web应用程序，则可以使用reserved Hosting URLs添加Firebase SDK并管理应用程序的Firebase配置。

简而言之，如果您使用以__开头的那些特殊的Hosting URL，尤其是/__/firebase/init.json，则可以将您的应用程序链接到Hosting，以完成配置。据我回忆，在这种情况下，该配置将具有正确的FCM配置。

,

您可以配置 Firebase JavaScript SDK 的部分导入，并仅加载您需要的 Firebase 产品。如果您使用的是打包程序（例如 Browserify 或 webpack），您可以在需要时导入单个 Firebase 产品。

注意：即使您使用 Firebase 托管，您也可以使用此选项，但请确保在初始化 Firebase 之前添加您的 Firebase 配置对象。

1. 安装 Firebase JavaScript SDK：

一个。如果您还没有 package.json 文件，请通过从 JavaScript 项目的根目录运行以下命令来创建一个：

npm init

B.通过运行以下命令安装 firebase npm 包并将其保存到您的 package.json 文件中：

npm install --save firebase

2. 要仅包含特定的 Firebase 产品（例如身份验证和 Cloud Firestore），请导入 Firebase 模块：

   // Firebase 应用程序（核心 Firebase SDK）始终是必需的，并且必须是 首先列出 从“firebase/app”导入 firebase； // 如果您使用的是 v7 或更早版本的 JS SDK，您应该 使用命名空间导入导入 firebase // 从“firebase/app”导入 * 作为 firebase

   // 如果您在项目中启用了 Analytics，请添加 Firebase SDK 分析 导入“firebase/分析”；

   // 添加您要使用的 Firebase 产品 导入“firebase/auth”； 导入“firebase/firestore”；

3. 在您的应用中初始化 Firebase：

   // TODO：将以下内容替换为您应用的 Firebase 项目 配置 // 对于 Firebase JavaScript SDK v7.20.0 及更高版本，measurementId 是 可选字段 const firebaseConfig = { // ... };

   // 初始化 Firebase firebase.initializeApp(firebaseConfig);