安裝(&A)在 JavaScript 中設定

Firebase 即時資料庫是雲端託管的資料庫，資料儲存形式為 JSON 格式，並即時同步至每個連結的用戶端。建構應用程式 導入 Android、Apple 平台和 JavaScript SDK 的跨平台應用程式， 用戶端會共用一個即時資料庫執行個體，並自動接收 以最新資料進行更新。

事前準備

如果您尚未安裝 Firebase JS SDK 並初始化 Firebase，請先完成這項操作。

建立資料庫

  1. 前往數據分析的「Realtime Database」(即時資料庫) 部分。 Firebase 控制台： 系統會提示您選取現有的 Firebase 專案。 按照資料庫建立工作流程操作。

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

    測試模式

    適合入門至行動和網路用戶端程式庫 但允許所有人讀取及覆寫您的資料測試完畢後， 請務必參閱「瞭解 Firebase 即時資料庫規則」 專區。

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

    鎖定模式

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

  3. 選擇資料庫的位置。

    根據用途 資料庫的位置，也就是 新資料庫的網址格式如下：

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

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

  4. 點選「完成」。

啟用即時資料庫後，系統也會啟用即時資料庫中的 API Cloud API Manager：

設定即時資料庫安全性規則

即時資料庫提供一種宣告規則語言， 定義資料結構、建立索引的方式 資料可供讀取及寫入

新增即時資料庫 JS SDK 並初始化即時資料庫

您必須在初始化 JavaScript SDK 時指定即時資料庫網址。

如要查看即時資料庫網址，請前往以下網址的「即時資料庫」部分： Firebase 控制台：根據用途 資料庫的位置 資料庫網址的格式如下：

  • 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 即時資料庫了！

後續步驟