التركيب الإعداد في JavaScript

قاعدة بيانات Firebase في الوقت الفعلي هي قاعدة بيانات مستضافة على السحابة الإلكترونية. يتم تخزين البيانات بتنسيق JSON ومزامنتها في الوقت الفعلي مع كل عميل متصل. عند إنشاء تطبيقات متعددة المنصات باستخدام حِزم SDK لنظام Android ومنصات Apple وJavaScript، تشارك جميع تطبيقات العملاء مثيلاً واحدًا من قاعدة بيانات الوقت الفعلي وتتلقّى تلقائيًا آخر البيانات المحدّثة.

المتطلبات الأساسية

إذا لم يسبق لك ذلك، عليك تثبيت Firebase JS SDK وتهيئة Firebase.

إنشاء قاعدة بيانات

  1. في وحدة تحكُّم Firebase، انتقِل إلى قواعد البيانات ومساحة التخزين > قاعدة بيانات الوقت الفعلي.

  2. انقر على إنشاء قاعدة بيانات.

  3. اختَر وضعًا لبدء Firebase Security Rules

    وضع الاختبار

    هذا الوضع مناسب للبدء باستخدام مكتبات عملاء الأجهزة الجوّالة والويب، ولكنّه يسمح لأيّ مستخدم بقراءة بياناتك والكتابة فوقها. بعد الاختبار، احرص على مراجعة قسم التعرّف على قواعد بيانات Firebase في الوقت الفعلي القسم.

    .

    للبدء باستخدام حزمة SDK للويب أو Apple أو Android، اختَر testmode.

    وضع القفل

    يرفض هذا الوضع جميع عمليات القراءة والكتابة من عملاء الأجهزة الجوّالة والويب. ومع ذلك، يمكن لخوادم التطبيقات التي تم التحقّق من هويتها الوصول إلى قاعدة بياناتك.

  4. اختَر موقعًا لقاعدة البيانات.

    استنادًا إلى الـ موقع لقاعدة البيانات، سيكون الـ URL لقاعدة البيانات الجديدة بأحد الأشكال التالية:

    • DATABASE_NAME.firebaseio.com (لقواعد البيانات في us-central1)

    • DATABASE_NAME.REGION.firebasedatabase.app (لقواعد البيانات في جميع المواقع الأخرى)

  5. انقر على تم.

عند تفعيل Realtime Database، يتم أيضًا تفعيل واجهة برمجة التطبيقات في Cloud API Manager.

ضبط "Realtime Database Security Rules"

توفر Realtime Database لغة قواعد إعلانية تتيح لك تحديد كيفية تنظيم بياناتك وكيفية فهرستها ومتى يمكن قراءتها والكتابة فيها.

إضافة Realtime Database JS SDK وتهيئة Realtime Database

عليك تحديد عنوان URL لـ Realtime Database عند تهيئة JavaScript SDK.

يمكنك العثور على عنوان URL لـ Realtime Database في قسم Realtime Database في Firebase console. استنادًا إلى موقع قاعدة البيانات، سيكون عنوان 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!

الخطوات التالية