العمل مع قوائم البيانات على الويب

الحصول على مرجع قاعدة البيانات

لقراءة البيانات أو كتابتها من قاعدة البيانات، تحتاج إلى مثيل لـ firebase.database.Reference :

Web modular API

import { getDatabase } from "firebase/database";

const database = getDatabase();

Web namespaced API

var database = firebase.database();

قوائم القراءة والكتابة

إلحاق بقائمة البيانات

استخدم طريقة push() لإلحاق البيانات بقائمة في التطبيقات متعددة المستخدمين. تنشئ طريقة push() مفتاحًا فريدًا في كل مرة تتم فيها إضافة طفل جديد إلى مرجع Firebase المحدد. باستخدام هذه المفاتيح التي تم إنشاؤها تلقائيًا لكل عنصر جديد في القائمة، يمكن للعديد من العملاء إضافة عناصر فرعية إلى نفس الموقع في نفس الوقت دون حدوث تعارضات في الكتابة. يعتمد المفتاح الفريد الذي تم إنشاؤه بواسطة push() على طابع زمني، لذلك يتم ترتيب عناصر القائمة تلقائيًا بتسلسل زمني.

يمكنك استخدام المرجع إلى البيانات الجديدة التي يتم إرجاعها بواسطة طريقة push() للحصول على قيمة المفتاح الذي تم إنشاؤه تلقائيًا للطفل أو تعيين البيانات للطفل. تحتوي الخاصية .key لمرجع push() على المفتاح الذي تم إنشاؤه تلقائيًا.

يمكنك استخدام هذه المفاتيح التي تم إنشاؤها تلقائيًا لتبسيط تسوية بنية البيانات الخاصة بك. لمزيد من المعلومات، راجع مثال توزيع البيانات.

على سبيل المثال، يمكن استخدام push() لإضافة منشور جديد إلى قائمة المنشورات في أحد التطبيقات الاجتماعية:

Web modular API

import { getDatabase, ref, push, set } from "firebase/database";

// Create a new post reference with an auto-generated id
const db = getDatabase();
const postListRef = ref(db, 'posts');
const newPostRef = push(postListRef);
set(newPostRef, {
    // ...
});

Web namespaced API

// Create a new post reference with an auto-generated id
var postListRef = firebase.database().ref('posts');
var newPostRef = postListRef.push();
newPostRef.set({
    // ...
});

الاستماع لأحداث الطفل

يتم تشغيل الأحداث الفرعية استجابة لعمليات محددة تحدث لأبناء العقدة من عملية مثل إضافة طفل جديد من خلال طريقة push() أو طفل يتم تحديثه من خلال طريقة update() .

حدث الاستخدام النموذجي
child_added استرداد قوائم العناصر أو الاستماع للإضافات إلى قائمة العناصر. يتم تشغيل هذا الحدث مرة واحدة لكل طفل موجود ثم مرة أخرى في كل مرة تتم إضافة طفل جديد إلى المسار المحدد. يتم تمرير للمستمع لقطة تحتوي على بيانات الطفل الجديد.
child_changed استمع للتغييرات التي تطرأ على العناصر الموجودة في القائمة. يتم تشغيل هذا الحدث في أي وقت يتم فيه تعديل العقدة الفرعية. يتضمن هذا أي تعديلات على أحفاد العقدة الفرعية. تحتوي اللقطة التي تم تمريرها إلى مستمع الحدث على البيانات المحدثة للطفل.
child_removed استمع للعناصر التي تتم إزالتها من القائمة. يتم تشغيل هذا الحدث عند إزالة الطفل المباشر. تحتوي اللقطة التي تم تمريرها إلى كتلة رد الاتصال على بيانات الطفل الذي تمت إزالته.
child_moved استمع للتغييرات في ترتيب العناصر في القائمة المرتبة. تتبع أحداث child_moved دائمًا الحدث child_changed الذي تسبب في تغيير ترتيب العنصر (استنادًا إلى طريقة الترتيب الحالية الخاصة بك).

يمكن أن يكون كل واحد من هذه العناصر معًا مفيدًا للاستماع إلى التغييرات التي تطرأ على عقدة معينة في قاعدة البيانات. على سبيل المثال، قد يستخدم تطبيق التدوين الاجتماعي هذه الطرق معًا لمراقبة النشاط في تعليقات المنشور، كما هو موضح أدناه:

Web modular API

import { getDatabase, ref, onChildAdded, onChildChanged, onChildRemoved } from "firebase/database";

const db = getDatabase();
const commentsRef = ref(db, 'post-comments/' + postId);
onChildAdded(commentsRef, (data) => {
  addCommentElement(postElement, data.key, data.val().text, data.val().author);
});

onChildChanged(commentsRef, (data) => {
  setCommentValues(postElement, data.key, data.val().text, data.val().author);
});

onChildRemoved(commentsRef, (data) => {
  deleteComment(postElement, data.key);
});

Web namespaced API

var commentsRef = firebase.database().ref('post-comments/' + postId);
commentsRef.on('child_added', (data) => {
  addCommentElement(postElement, data.key, data.val().text, data.val().author);
});

commentsRef.on('child_changed', (data) => {
  setCommentValues(postElement, data.key, data.val().text, data.val().author);
});

commentsRef.on('child_removed', (data) => {
  deleteComment(postElement, data.key);
});

استمع للأحداث القيمة

على الرغم من أن الاستماع إلى الأحداث التابعة هو الطريقة الموصى بها لقراءة قوائم البيانات، إلا أن هناك حالات يكون فيها الاستماع إلى أحداث القيمة في مرجع القائمة مفيدًا.

سيؤدي إرفاق مراقب value بقائمة البيانات إلى إرجاع قائمة البيانات بأكملها كلقطة واحدة يمكنك بعد ذلك تكرارها للوصول إلى العناصر الفرعية الفردية.

حتى في حالة وجود تطابق واحد فقط للاستعلام، تظل اللقطة عبارة عن قائمة؛ أنه يحتوي فقط على عنصر واحد. للوصول إلى العنصر، تحتاج إلى تكرار النتيجة:

Web modular API

import { getDatabase, ref, onValue } from "firebase/database";

const db = getDatabase();
const dbRef = ref(db, '/a/b/c');

onValue(dbRef, (snapshot) => {
  snapshot.forEach((childSnapshot) => {
    const childKey = childSnapshot.key;
    const childData = childSnapshot.val();
    // ...
  });
}, {
  onlyOnce: true
});

Web namespaced API

ref.once('value', (snapshot) => {
  snapshot.forEach((childSnapshot) => {
    var childKey = childSnapshot.key;
    var childData = childSnapshot.val();
    // ...
  });
});

يمكن أن يكون هذا النمط مفيدًا عندما تريد جلب جميع العناصر التابعة لقائمة في عملية واحدة، بدلاً من الاستماع إلى أحداث إضافية مضافة تابعة.

فرز وتصفية البيانات

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

فرز البيانات

لاسترداد البيانات التي تم فرزها، ابدأ بتحديد إحدى طرق الترتيب حسب لتحديد كيفية ترتيب النتائج:

طريقة الاستخدام
orderByChild() ترتيب النتائج حسب قيمة مفتاح فرعي محدد أو مسار فرعي متداخل.
orderByKey() ترتيب النتائج حسب المفاتيح الفرعية.
orderByValue() ترتيب النتائج حسب القيم الفرعية.

يمكنك استخدام طريقة ترتيب واحدة فقط في المرة الواحدة. يؤدي استدعاء أسلوب الترتيب عدة مرات في نفس الاستعلام إلى حدوث خطأ.

يوضح المثال التالي كيف يمكنك استرداد قائمة بأهم منشورات المستخدم مرتبة حسب عدد النجوم:

Web modular API

import { getDatabase, ref, query, orderByChild } from "firebase/database";
import { getAuth } from "firebase/auth";

const db = getDatabase();
const auth = getAuth();

const myUserId = auth.currentUser.uid;
const topUserPostsRef = query(ref(db, 'user-posts/' + myUserId), orderByChild('starCount'));

Web namespaced API

var myUserId = firebase.auth().currentUser.uid;
var topUserPostsRef = firebase.database().ref('user-posts/' + myUserId).orderByChild('starCount');

يحدد هذا الاستعلام الذي عند دمجه مع مستمع فرعي ، يقوم بمزامنة العميل مع منشورات المستخدم من المسار في قاعدة البيانات بناءً على معرف المستخدم الخاص به، مرتبة حسب عدد النجوم التي تلقاها كل منشور. يُطلق على تقنية استخدام المعرفات كمفاتيح فهرس اسم "توزيع البيانات"، ويمكنك قراءة المزيد عنها في "هيكلة قاعدة البيانات الخاصة بك" .

يحدد استدعاء الأسلوب orderByChild() المفتاح الفرعي لترتيب النتائج وفقًا له. في هذه الحالة، يتم فرز المشاركات حسب قيمة النجمة الفرعية "starCount" الخاصة بها. يمكن أيضًا طلب الاستعلامات من خلال عناصر فرعية متداخلة، في حالة وجود بيانات تبدو كما يلي:

"posts": {
  "ts-functions": {
    "metrics": {
      "views" : 1200000,
      "likes" : 251000,
      "shares": 1200,
    },
    "title" : "Why you should use TypeScript for writing Cloud Functions",
    "author": "Doug",
  },
  "android-arch-3": {
    "metrics": {
      "views" : 900000,
      "likes" : 117000,
      "shares": 144,
    },
    "title" : "Using Android Architecture Components with Firebase Realtime Database (Part 3)",
    "author": "Doug",
  }
},

في هذه الحالة، يمكننا ترتيب عناصر قائمتنا حسب القيم المتداخلة تحت مفتاح metrics عن طريق تحديد المسار النسبي إلى الطفل المتداخل في استدعاء orderByChild() الخاص بنا.

Web modular API

import { getDatabase, ref, query, orderByChild } from "firebase/database";

const db = getDatabase();
const mostViewedPosts = query(ref(db, 'posts'), orderByChild('metrics/views'));

Web namespaced API

var mostViewedPosts = firebase.database().ref('posts').orderByChild('metrics/views');

لمزيد من المعلومات حول كيفية ترتيب أنواع البيانات الأخرى، راجع كيفية ترتيب بيانات الاستعلام .

تصفية البيانات

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

طريقة الاستخدام
limitToFirst() يضبط الحد الأقصى لعدد العناصر المطلوب إرجاعها من بداية قائمة النتائج المرتبة.
limitToLast() يضبط الحد الأقصى لعدد العناصر المراد إرجاعها من نهاية قائمة النتائج المرتبة.
startAt() إرجاع عناصر أكبر من أو تساوي المفتاح أو القيمة المحددة، اعتمادًا على طريقة الترتيب التي تم اختيارها.
startAfter() قم بإرجاع عناصر أكبر من المفتاح أو القيمة المحددة اعتمادًا على طريقة الترتيب التي تم اختيارها.
endAt() قم بإرجاع عناصر أقل من أو تساوي المفتاح أو القيمة المحددة، اعتمادًا على طريقة الترتيب التي تم اختيارها.
endBefore() قم بإرجاع عناصر أقل من المفتاح أو القيمة المحددة اعتمادًا على طريقة الترتيب التي تم اختيارها.
equalTo() قم بإرجاع عناصر مساوية للمفتاح أو القيمة المحددة، اعتمادًا على طريقة الترتيب التي تم اختيارها.

على عكس طرق الترتيب، يمكنك الجمع بين وظائف الحد أو النطاق المتعددة. على سبيل المثال، يمكنك الجمع بين طريقتي startAt() و endAt() لقصر النتائج على نطاق محدد من القيم.

الحد من عدد النتائج

يمكنك استخدام التابعين limitToFirst() و limitToLast() لتعيين الحد الأقصى لعدد الأطفال المراد مزامنتهم لحدث معين. على سبيل المثال، إذا كنت تستخدم limitToFirst() لتعيين حد قدره 100، فستتلقى في البداية ما يصل إلى 100 حدث child_added فقط. إذا كان لديك أقل من 100 عنصر مخزن في قاعدة بيانات Firebase، فسيتم إطلاق حدث child_added لكل عنصر.

مع تغير العناصر، تتلقى أحداث child_added للعناصر التي تدخل الاستعلام وأحداث child_removed للعناصر التي تسقط منه بحيث يظل العدد الإجمالي عند 100.

يوضح المثال التالي كيف يحدد تطبيق التدوين النموذجي استعلامًا لاسترداد قائمة بأحدث 100 مشاركة بواسطة جميع المستخدمين:

Web modular API

import { getDatabase, ref, query, limitToLast } from "firebase/database";

const db = getDatabase();
const recentPostsRef = query(ref(db, 'posts'), limitToLast(100));

Web namespaced API

var recentPostsRef = firebase.database().ref('posts').limitToLast(100);

يحدد هذا المثال استعلامًا فقط، ولمزامنة البيانات فعليًا، يجب أن يكون هناك مستمع متصل.

التصفية حسب المفتاح أو القيمة

يمكنك استخدام startAt() و startAfter() و endAt() و endBefore() و equalTo() لاختيار نقاط البداية والنهاية والتكافؤ العشوائية للاستعلامات. يمكن أن يكون هذا مفيدًا لتقسيم البيانات إلى صفحات أو البحث عن عناصر ذات عناصر فرعية لها قيمة محددة.

كيفية ترتيب بيانات الاستعلام

يشرح هذا القسم كيفية فرز البيانات حسب كل طريقة من طرق الترتيب في فئة Query .

orderByChild

عند استخدام orderByChild() ، يتم ترتيب البيانات التي تحتوي على المفتاح الفرعي المحدد كما يلي:

  1. الأطفال الذين لديهم قيمة null لمفتاح الطفل المحدد يأتون أولاً.
  2. يأتي بعد ذلك الأطفال الذين لديهم قيمة false لمفتاح الطفل المحدد. إذا كان لدى العديد من الأطفال قيمة false ، فسيتم فرزهم معجميًا حسب المفتاح.
  3. يأتي بعد ذلك الأطفال الذين لديهم قيمة true لمفتاح الطفل المحدد. إذا كان لدى العديد من الأطفال قيمة true ، فسيتم فرزهم معجميًا حسب المفتاح.
  4. يأتي بعد ذلك الأطفال ذوو القيمة الرقمية، ويتم فرزهم بترتيب تصاعدي. إذا كان لدى العديد من الأطفال نفس القيمة الرقمية للعقدة الفرعية المحددة، فسيتم فرزهم حسب المفتاح.
  5. تأتي السلاسل بعد الأرقام ويتم فرزها معجميًا بترتيب تصاعدي. إذا كان لدى العديد من الأطفال نفس القيمة للعقدة الفرعية المحددة، فسيتم ترتيبهم معجميًا حسب المفتاح.
  6. تأتي الكائنات أخيرًا ويتم فرزها معجميًا حسب المفتاح بترتيب تصاعدي.

orderByKey

عند استخدام orderByKey() لفرز بياناتك، يتم إرجاع البيانات بترتيب تصاعدي حسب المفتاح.

  1. الأطفال الذين لديهم مفتاح يمكن تحليله كعدد صحيح 32 بت يأتي أولاً، ويتم فرزهم بترتيب تصاعدي.
  2. يأتي بعد ذلك الأطفال الذين لديهم قيمة سلسلة كمفتاح، ويتم فرزهم بشكل معجمي بترتيب تصاعدي.

orderByValue

عند استخدام orderByValue() ‎، يتم ترتيب الأطفال حسب قيمتهم. معايير الترتيب هي نفسها الموجودة في orderByChild() ، باستثناء أن قيمة العقدة تُستخدم بدلاً من قيمة المفتاح الفرعي المحدد.

افصل المستمعين

تتم إزالة عمليات الاسترجاعات عن طريق استدعاء الأسلوب off() في مرجع قاعدة بيانات Firebase الخاصة بك.

يمكنك إزالة مستمع واحد عن طريق تمريره كمعلمة إلى off() . يؤدي استدعاء off() على الموقع بدون وسيطات إلى إزالة جميع المستمعين في ذلك الموقع.

إن استدعاء off() على المستمع الأصلي لا يؤدي تلقائيًا إلى إزالة المستمعين المسجلين في العقد الفرعية الخاصة به؛ يجب أيضًا استدعاء off() ‎ على أي مستمع فرعي لإزالة رد الاتصال.

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