Firebase 带有托管 URL 的实时数据库设置

Question

我是 Firebase 和构建由 Firebase 实时数据库支持的 React 应用程序的新手。

根据文档- 您可以使用保留的托管 URL 来初始化 Firebase SDK。 用他们的话来说：

要在您的应用程序中初始化 Firebase，您需要提供您的应用程序的 Firebase 项目配置。 如果您使用保留的托管 URL，您的 Firebase 配置会自动从您的 Firebase 项目中提取，因此您无需在代码中明确提供 object。

然而，在他们的实时数据库初始化文档中，他们说使用以下代码片段初始化您的 SDK：

  // TODO: Replace with your project's config object
  var config = {
    apiKey: "apiKey",
    authDomain: "projectId.firebaseapp.com",
    databaseURL: "https://databaseName.firebaseio.com",
    storageBucket: "bucket.appspot.com"
  };
  firebase.initializeApp(config);

  // Get a reference to the database service
  var database = firebase.database(); 

这看起来像一个配置 object。 但是，如果您使用托管 URL，这些 URL 不是从您的 Firebase 项目中提取的吗？ 有没有人举例说明如何将保留的托管 URL 与实时数据库一起使用？

Answer 1

请参阅https://firebase.google.com/docs/web/setup#add-sdks-initialize

如何将 Firebase SDK 添加到您的应用程序取决于您是否选择为您的应用程序使用 Firebase 托管、您在应用程序中使用的工具（如捆绑程序），或者您是否正在配置 Z3B28219DD4C244EDA2FA 应用程序。

• 从托管 URL
• 来自 CDN
• 使用模块捆绑器
• Node.js 应用程序

如果您使用保留的托管 URL，您的 Firebase 配置会自动从您的 Firebase 项目中提取，因此您无需在代码中明确提供 object。

仅适用于From Hosting URLs 。

在您的应用程序中初始化 Firebase（使用保留的托管 URL 时，无需包含您的 Firebase 配置 object）：

你应该像下面的代码一样初始化 Firebase 。

<body>
  <!-- Previously loaded Firebase SDKs -->

  <!-- Initialize Firebase -->
  <script src="/__/firebase/init.js"></script>
</body>

你可以看到一个__/firebase/init.js示例https://friendly-pix.com/__/firebase/init.js

From Hosting URLs示例：

• https://github.com/firebase/quickstart-js/blob/master/database
• https://github.com/firebase/quickstart-js/blob/master/database/index.html#L144
• https://github.com/firebase/codelab-friendlychat-web/tree/master/web
• https://github.com/firebase/codelab-friendlychat-web/blob/master/web/public/index.html#L121

你能检查一下其他样品吗？

• https://github.com/firebase/friendlypix-web
• https://firebase.google.com/docs/samples

Answer 2

为了让 Firebase SDK 能够在服务器上找到您的 Firebase 项目，它需要一定的配置数据。 它有多种方法可以获取此数据。 在您的场景中，两种相关方式是：

• 您可以使用从 Firebase 控制台复制的 JSON 片段指定代码中的配置数据
• 当您使用 Firebase 仿真器和/或部署到 Firebase 托管时，它可以通过名为/__/firebase/init.js的“魔术”文件自动获取配置数据

这两个选项也在From Hosting URLs和From the CDN下有关 将 Firebase SDK 添加到 web 应用程序的文档中列出。 从该文档中，这是您自动配置加载的 SDK 的方式：

<body>
  <!-- Previously loaded Firebase SDKs -->

  <!-- Initialize Firebase -->
  <script src="/__/firebase/init.js"></script>
</body>