将 Firebase 网络应用程序链接到 Firebase 托管网站有什么好处?

What benefit does linking Firebase web app to Firebase Hosting site brings?

我应该 link 将 Web 应用程序连接到控制台中的 Firebase 托管站点有什么用?有什么好处和作用?

两者的区别在这里:.

文档 https://firebase.google.com/docs/web/setup#register-app 中提到了 linking,但未解释基本原理和后果。

Firebase support documentation 说:

You may need to link your web app to your Hosting site in the Project settings if you chose not to set up Hosting when you registered your web app with your Firebase project.

If you're using Firebase Hosting for your web app, you can use the reserved Hosting URLs to add Firebase SDKs and manage your Firebase configuration for your app.

简而言之,如果您使用的是那些以 __ 开头的特殊托管 URL,尤其是 /__/firebase/init.json,将您的应用程序链接到托管会有所帮助,以便完成配置.根据我的回忆,在这种情况下,配置将具有正确的 FCM 配置。

您可以配置 Firebase JavaScript SDK 的部分导入,只加载您需要的 Firebase 产品。如果您使用的是捆绑器(如 Browserify 或 webpack),则可以在需要时导入单个 Firebase 产品。

Note: You can use this option even if you use Firebase Hosting, but make sure to add your Firebase config object before initializing Firebase.

  1. 安装 Firebase JavaScript SDK:

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

npm init

b。安装 firebase npm 包并通过 运行:

将其保存到您的 package.json 文件
npm install --save firebase
  1. 要仅包含特定的 Firebase 产品(如身份验证和 Cloud Firestore),请导入 Firebase 模块:

    // Firebase App(核心 Firebase SDK)始终是必需的,并且必须 首先列出 从“firebase/app”导入 firebase; // 如果您使用的是 v7 或任何更早版本的 JS SDK,您应该 使用命名空间导入导入 firebase // 从“firebase/app”

    导入 * 作为 firebase

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

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

  2. 在您的应用中初始化 Firebase:

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

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