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

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

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

  1. เพิ่มและกำหนดค่า SDK ลูกค้า Firebase JavaScript ใน app ของคุณ

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

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

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

    โหมดทดสอบ

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

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

    โหมดล็อค

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

  3. เลือกภูมิภาคสำหรับฐานข้อมูล ทั้งนี้ขึ้นอยู่กับทางเลือกของภูมิภาค namespace ฐานข้อมูลจะอยู่ในรูปแบบ <databaseName>.firebaseio.com หรือ <databaseName>.<region>.firebasedatabase.app สำหรับข้อมูลเพิ่มเติมโปรดดูที่ สถานที่ที่เลือกสำหรับโครงการของคุณ

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

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

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

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

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

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

คุณสามารถค้นหา URL ฐานข้อมูลเรียลไทม์ของคุณในส่วนฐานข้อมูลเรียลไทม์ของ คอนโซล Firebase ก็จะมีรูปแบบ https://<databaseName>.firebaseio.com (สำหรับ us-central1 ฐานข้อมูล) หรือ https://<databaseName>.<region>.firebasedatabase.app (สำหรับฐานข้อมูลในสถานที่อื่น ๆ )

เริ่มต้น SDK โดยใช้ข้อมูลโค้ดต่อไปนี้:

เว็บรุ่น 9


import { initializeApp } from 'firebase/app';
import { getDatabase } from "firebase/database";

// Set the configuration for your app
// TODO: Replace with your project's config object
const firebaseConfig = {
  apiKey: "apiKey",
  authDomain: "projectId.firebaseapp.com",
  // For databases not in the us-central1 location, databaseURL will be of the
  // form https://[databaseName].[region].firebasedatabase.app.
  // For example, https://your-database-123.europe-west1.firebasedatabase.app
  databaseURL: "https://databaseName.firebaseio.com",
  storageBucket: "bucket.appspot.com"
};

const app = initializeApp(firebaseConfig);

// Get a reference to the database service
const database = getDatabase(app);

เว็บรุ่น8

// Set the configuration for your app
// TODO: Replace with your project's config object
var config = {
apiKey: "apiKey",
authDomain: "projectId.firebaseapp.com",
// For databases not in the us-central1 location, databaseURL will be of the
// form https://[databaseName].[region].firebasedatabase.app.
// For example, https://your-database-123.europe-west1.firebasedatabase.app
databaseURL: "https://databaseName.firebaseio.com",
storageBucket: "bucket.appspot.com"
};
firebase.initializeApp(config);

// Get a reference to the database service
var database = firebase.database();

คุณพร้อมที่จะเริ่มใช้ฐานข้อมูลเรียลไทม์ของ Firebase แล้ว!

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