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

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

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

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

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

  1. ไปที่ส่วน Realtime Database ของ คอนโซล Firebase คุณจะได้รับแจ้งให้เลือกโปรเจ็กต์ Firebase ที่มีอยู่ ทำตามเวิร์กโฟลว์การสร้างฐานข้อมูล

  2. เลือกโหมดเริ่มต้นสำหรับกฎความปลอดภัยของ Firebase:

    โหมดทดสอบ

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

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

    โหมดล็อค

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

  3. เลือกตำแหน่งสำหรับฐานข้อมูล

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

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

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

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

เมื่อคุณเปิดใช้งาน Realtime Database ก็จะเปิดใช้งาน API ใน Cloud API Manager ด้วย

กำหนดค่ากฎฐานข้อมูลเรียลไทม์

ฐานข้อมูลเรียลไทม์มีภาษากฎการประกาศที่ช่วยให้คุณกำหนดว่าข้อมูลของคุณควรมีโครงสร้างอย่างไร ควรจัดทำดัชนีอย่างไร และเมื่อใดที่ข้อมูลของคุณสามารถอ่านและเขียนได้

เพิ่มฐานข้อมูลเรียลไทม์ JS SDK และเริ่มต้นฐานข้อมูลเรียลไทม์

คุณต้องระบุ URL ฐานข้อมูลเรียลไทม์เมื่อเริ่มต้น JavaScript SDK

คุณสามารถค้นหา URL ฐานข้อมูลเรียลไทม์ได้ในส่วน ฐานข้อมูลเรียลไทม์ ของ คอนโซล Firebase ขึ้นอยู่กับ ตำแหน่งของฐาน ข้อมูล 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 แล้ว!

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