التثبيت والإعداد في JavaScript

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

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

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

أنشئ قاعدة بيانات

  1. انتقل إلى قسم Realtime Database بوحدة تحكم Firebase . سيُطلب منك تحديد مشروع Firebase موجود. اتبع سير عمل إنشاء قاعدة البيانات.

  2. حدد وضع بدء لقواعد أمان Firebase:

    وضع الاختبار

    جيد لبدء استخدام مكتبات عميل الويب والجوال ، ولكنه يسمح لأي شخص بقراءة بياناتك والكتابة فوقها. بعد الاختبار ، تأكد من مراجعة قسم فهم قواعد قاعدة بيانات Firebase Realtime .

    لبدء استخدام الويب أو Apple أو Android SDK ، حدد وضع الاختبار.

    وضع القفل

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

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

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

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

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

  4. انقر فوق تم .

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

تكوين قواعد قاعدة البيانات في الوقت الحقيقي

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

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

يجب تحديد عنوان URL لقاعدة بيانات Realtime عند تهيئة JavaScript SDK.

يمكنك العثور على عنوان URL لقاعدة بيانات Realtime في قسم Realtime Database بوحدة تحكم 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 Realtime!

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