获取我们在 Firebase 峰会上发布的所有信息,了解 Firebase 可如何帮助您加快应用开发速度并满怀信心地运行应用。了解详情

JavaScript 中的安装和设置

使用集合让一切井井有条 根据您的偏好保存内容并对其进行分类。

Firebase 实时数据库是一个云托管数据库。数据以 JSON 格式存储并实时同步到每个连接的客户端。当您使用我们的 Android、Apple 平台和 JavaScript SDK 构建跨平台应用程序时,您的所有客户端共享一个实时数据库实例并自动接收最新数据的更新。

先决条件

如果您还没有,请安装 Firebase JS SDK 并初始化 Firebase

创建数据库

  1. 导航到Firebase 控制台实时数据库部分。系统会提示您选择现有的 Firebase 项目。遵循数据库创建工作流程。

  2. 为您的 Firebase 安全规则选择一种启动模式:

    测试模式

    适合开始使用移动和 Web 客户端库,但允许任何人读取和覆盖您的数据。测试后,请务必查看了解 Firebase 实时数据库规则部分。

    要开始使用 Web、Apple 或 Android SDK,请选择 testmode。

    锁定模式

    拒绝来自移动和 Web 客户端的所有读取和写入。您经过身份验证的应用程序服务器仍然可以访问您的数据库。

  3. 选择数据库的位置。

    根据数据库的位置,新数据库的 URL 将采用以下形式之一:

    • DATABASE_NAME .firebaseio.com (用于us-central1中的数据库)

    • DATABASE_NAME . REGION .firebasedatabase.app (适用于所有其他位置的数据库)

  4. 单击完成

当您启用实时数据库时,它还会启用Cloud API Manager中的 API。

配置实时数据库规则

实时数据库提供了一种声明性规则语言,允许您定义数据的结构、索引方式以及何时可以读取和写入数据。

添加实时数据库 JS SDK 并初始化实时数据库

您必须在初始化 JavaScript SDK 时指定您的实时数据库 URL。

您可以在Firebase 控制台实时数据库部分找到您的实时数据库 URL。根据数据库的位置,数据库 URL 将采用以下形式之一:

  • https:// DATABASE_NAME .firebaseio.com (用于us-central1中的数据库)
  • https:// DATABASE_NAME . REGION .firebasedatabase.app (适用于所有其他位置的数据库)

使用以下代码片段初始化 SDK:

Web version 9

import { initializeApp } from "firebase/app";
import { getDatabase } from "firebase/database";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);


// Initialize Realtime Database and get a reference to the service
const database = getDatabase(app);

Web version 8

import firebase from "firebase/app";
import "firebase/database";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);


// Initialize Realtime Database and get a reference to the service
const database = firebase.database();

您已准备好开始使用 Firebase 实时数据库!

下一步