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 實時數據庫!

下一步