安裝(&A)在 JavaScript 中設定

Firebase 即時資料庫是雲端託管的資料庫，資料會以 JSON 格式儲存，並即時同步至每個連線的用戶端。使用 Android、Apple 平台和 JavaScript SDK 建構跨平台應用程式時，所有用戶端都會共用一個 Realtime Database 例項，並自動接收含最新資料的更新。

事前準備

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

建立資料庫

  1. 前往 Firebase 控制台的 Realtime Database 部分。系統會提示您選取現有的 Firebase 專案。按照資料庫建立工作流程操作。

  2. 選取 Firebase Security Rules 的啟動模式：

    測試模式

    很適合開始使用行動和網路用戶端程式庫，但允許任何人讀取及覆寫您的資料。測試完成後，請務必詳閱「瞭解 Firebase 即時資料庫規則」一節。

    如要開始使用網路、Apple 或 Android SDK，請選取 testmode。

    鎖定模式

    拒絕來自行動裝置和網路用戶端的所有讀寫作業。 已驗證的應用程式伺服器仍可存取資料庫。

  3. 選擇資料庫的位置。

    視資料庫的位置而定，新資料庫的網址會採用下列任一形式：

    • DATABASE_NAME.firebaseio.com (適用於 us-central1 中的資料庫)

    • DATABASE_NAME.REGION.firebasedatabase.app (適用於所有其他位置的資料庫)

  4. 按一下「完成」。

啟用 Realtime Database 時，也會在 Cloud API Manager 中啟用 API。

設定「Realtime Database Security Rules」

Realtime Database 提供宣告式規則語言，可讓您定義資料的結構、索引方式，以及資料可讀取及寫入的時機。

新增 Realtime Database JS SDK 並初始化 Realtime Database

您必須在初始化 JavaScript SDK 時指定 Realtime Database 網址。

您可以在 Firebase 控制台的 Realtime Database 專區中找到 Realtime Database 網址。視資料庫的位置而定，資料庫網址會採用下列任一格式：

  • https://DATABASE_NAME.firebaseio.com (適用於 us-central1 中的資料庫)
  • https://DATABASE_NAME.REGION.firebasedatabase.app (適用於所有其他位置的資料庫)

請使用以下程式碼片段初始化 SDK：

Web 

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 

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 Realtime Database 了！

後續步驟