การติดตั้ง & การตั้งค่าใน JavaScript

ฐานข้อมูลเรียลไทม์ของ Firebase เป็นฐานข้อมูลที่โฮสต์บนระบบคลาวด์ โดยจะจัดเก็บข้อมูลเป็น JSON และซิงค์ข้อมูลแบบเรียลไทม์กับไคลเอ็นต์ที่เชื่อมต่อทั้งหมด เมื่อสร้างแอปข้ามแพลตฟอร์มด้วย SDK ของ Android, แพลตฟอร์ม Apple และ JavaScript SDK ไคลเอ็นต์ทั้งหมดจะใช้ฐานข้อมูลเรียลไทม์อินสแตนซ์เดียวกันและรับการอัปเดตด้วยข้อมูลล่าสุดโดยอัตโนมัติ

ข้อกำหนดเบื้องต้น

ติดตั้ง Firebase JS SDK และเริ่มต้น Firebase หากยังไม่ได้ดำเนินการ

สร้างฐานข้อมูล

  1. ในคอนโซลFirebase ให้ไปที่ฐานข้อมูลและพื้นที่เก็บข้อมูล > Realtime Database

  2. คลิกสร้างฐานข้อมูล

  3. เลือกโหมดเริ่มต้นสำหรับ Firebase Security Rules ดังนี้

    โหมดทดสอบ

    เหมาะสำหรับการเริ่มต้นใช้งานไลบรารีของไคลเอ็นต์อุปกรณ์เคลื่อนที่และเว็บ แต่จะอนุญาตให้ทุกคนอ่านและเขียนทับข้อมูลของคุณได้ หลังจากทดสอบแล้ว อย่า ลืมอ่านส่วนทำความเข้าใจกฎฐานข้อมูลเรียลไทม์ของ Firebase

    หากต้องการเริ่มต้นใช้งาน SDK ของเว็บ, Apple หรือ Android ให้เลือกโหมดทดสอบ

    โหมดล็อกขณะคุมสอบ

    ปฏิเสธการอ่านและการเขียนทั้งหมดจากไคลเอ็นต์อุปกรณ์เคลื่อนที่และเว็บ แต่เซิร์ฟเวอร์แอปพลิเคชันที่ผ่านการตรวจสอบสิทธิ์แล้วจะยังคงเข้าถึงฐานข้อมูลได้

  4. เลือกตำแหน่งของฐานข้อมูล

    URL ของฐานข้อมูลใหม่จะมีรูปแบบอย่างใดอย่างหนึ่งต่อไปนี้ ทั้งนี้ขึ้นอยู่กับ ตำแหน่งของฐานข้อมูล

    • DATABASE_NAME.firebaseio.com (สำหรับ ฐานข้อมูลใน us-central1)

    • DATABASE_NAME.REGION.firebasedatabase.app (สำหรับฐานข้อมูลในตำแหน่งอื่นๆ ทั้งหมด)

  5. คลิกเสร็จสิ้น

เมื่อเปิดใช้ Realtime Database ระบบจะเปิดใช้ API ใน Cloud API Manager ด้วย

กำหนดค่า Realtime Database Security Rules

The Realtime Database มีภาษาของกฎแบบประกาศที่ช่วยให้คุณ กำหนดวิธีจัดโครงสร้างข้อมูล วิธีจัดทำดัชนี และเวลาที่ อ่านและเขียนข้อมูลได้

เพิ่ม Realtime Database JS SDK และเริ่มต้น Realtime Database

คุณต้องระบุ Realtime Database URL เมื่อเริ่มต้น JavaScript SDK

คุณดู URL ของ Realtime Database ได้ในส่วน Realtime Database ของ Firebase คอนโซล URL ของฐานข้อมูลจะมีรูปแบบอย่างใดอย่างหนึ่งต่อไปนี้ ทั้งนี้ขึ้นอยู่กับ ตำแหน่งของฐานข้อมูล,

  • 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 แล้ว

ขั้นตอนถัดไป