【问题标题】:What benefit does linking Firebase web app to Firebase Hosting site brings?将 Firebase 网络应用链接到 Firebase 托管网站有什么好处?
【发布时间】:2021-02-01 04:35:53
【问题描述】:

我应该将网络应用链接到控制台中的 Firebase 托管站点有什么用?有什么好处和效果?

这里介绍了两者的区别:Whats the difference between firebase web app and firebase hosting

文档https://firebase.google.com/docs/web/setup#register-app中提到了链接,但没有解释原因和后果。

【问题讨论】:

  • 这样做并没有什么特别的好处。 Firebase 托管就是这样 - 一种托管服务。如果您有他们现有的网站,您可以使用link to a firebase hosting site 按钮将其链接到您的网络应用程序。如果您不链接它,您将获得分配给您的网络应用程序的默认 firebaseapp.comweb.app URL。
  • 实际上,您可以将自定义域添加到 Firebase 托管,即使它没有链接到网络应用。

标签: firebase firebase-hosting firebase-console


【解决方案1】:

您可以配置 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
  1. 要仅包含特定的 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”;

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

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

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

【讨论】:

  • 我不确定这是否与 Firebase 托管站点与 Firebase Web 应用的链接有关。更重要的是,这个答案中描述的所有内容都可以应用于任何使用 Firebase SDK 的 JS 应用程序,无论它托管在哪里。
【解决方案2】:

Firebase support documentation 说:

如果您在向 Firebase 项目注册网络应用时选择不设置托管,则可能需要在项目设置中将您的网络应用链接到托管网站。

如果您将 Firebase 托管用于您的网络应用,则可以使用 reserved Hosting URLs 添加 Firebase SDK 并管理您的应用的 Firebase 配置。

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

【讨论】:

  • 您知道将 Web 应用程序链接到您从 npm 包中导入 firebase 的托管站点是否有任何好处吗?
  • @Doug 似乎这是唯一的原因,这就是答案。感谢您的支持链接。我认为将相同的信息包含在firebase.google.com/docs/hosting/reserved-urls 文章和firebase.google.com/docs/web/setup#register-app 的第 3 点中以使信息可访问对开发人员有利。 @Johnny - 从 npm 导入 firebase 的项目似乎没有任何好处。
猜你喜欢
  • 2019-04-14
  • 1970-01-01
  • 2021-07-12
  • 2020-01-24
  • 2015-05-31
  • 2018-12-10
  • 2020-12-03
  • 2019-08-04
相关资源
最近更新 更多