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：

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

下一步