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

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

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

ثبِّت حزمة تطوير البرامج (SDK) لبرنامج Firebase JS وابدأ Firebase، في حال لم يسبق لك إجراء ذلك.

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

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

  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، يتم أيضًا تفعيل واجهة برمجة التطبيقات في Cloud API Manager.

ضبط "Realtime Database Security Rules"

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

إضافة حزمة تطوير البرامج (SDK) لـ JS في "Realtime Database" وإعداد "Realtime Database"

يجب تحديد عنوان URL الخاص بـ Realtime Database عند إعداد حزمة 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.

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