JavaScript 中的安裝和設置

Firebase 實時數據庫是一個雲託管數據庫。數據以 JSON 形式存儲並實時同步到每個連接的客戶端。當您使用我們的 Android、Apple 平台和 JavaScript SDK 構建跨平台應用程序時，您的所有客戶端都會共享一個實時數據庫實例，並自動接收最新數據的更新。

先決條件

如果您尚未安裝 Firebase JS SDK 並初始化 Firebase 。

創建數據庫

  1. 導航到Firebase 控制台的“實時數據庫”部分。系統會提示您選擇現有的 Firebase 項目。遵循數據庫創建工作流程。

  2. 選擇 Firebase 安全規則的啟動模式：

    測試模式

    適合開始使用移動和 Web 客戶端庫，但允許任何人讀取和覆蓋您的數據。測試後，請務必查看了解 Firebase 實時數據庫規則部分。

    要開始使用 Web、Apple 或 Android SDK，請選擇測試模式。

    鎖定模式

    拒絕來自移動和 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：

網絡模塊化API

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 命名空間 API

import firebase from "firebase/app";
import "firebase/compat/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 實時數據庫！

下一步