Изучение методов AngularFirestore для интеграции с Firebase

AngularFirestore — мощная библиотека, обеспечивающая плавную интеграцию между приложениями Angular и базой данных Firestore в Firebase. Он предлагает различные методы выполнения операций CRUD (создание, чтение, обновление, удаление) над коллекциями и документами Firestore. В этой статье блога мы углубимся в некоторые часто используемые методы AngularFirestore и предоставим примеры кода, демонстрирующие их использование.

  1. Методы ссылки на коллекции:
    AngularFirestore предоставляет методы для взаимодействия с коллекциями Firestore. Вот несколько примеров:

a) add()— добавляет новый документ в коллекцию.

import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
addDocument() {
  const collectionRef = this.firestore.collection('myCollection');
  collectionRef.add({ name: 'John', age: 25 });
}

b) doc()— извлекает ссылку на определенный документ в коллекции.

import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
getDocument() {
  const documentRef = this.firestore.doc('myCollection/documentId');
  documentRef.get().subscribe((snapshot) => {
    console.log(snapshot.data());
  });
}
  1. Методы ссылки на документ:
    AngularFirestore также предоставляет методы для взаимодействия с отдельными документами в коллекции. Вот несколько примеров:

a) get()— извлекает снимок документа.

import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
getDocument() {
  const documentRef = this.firestore.doc('myCollection/documentId');
  documentRef.get().subscribe((snapshot) => {
    console.log(snapshot.data());
  });
}

b) set()— устанавливает данные документа.

import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
updateDocument() {
  const documentRef = this.firestore.doc('myCollection/documentId');
  documentRef.set({ name: 'John', age: 26 });
}
  1. Методы запроса.
    AngularFirestore предоставляет методы для запроса коллекций Firestore на основе определенных условий. Вот несколько примеров:

a) where()— фильтрует документы по определенному условию.

import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
queryDocuments() {
  const collectionRef = this.firestore.collection('myCollection');
  collectionRef.where('age', '>', 20).get().subscribe((querySnapshot) => {
    querySnapshot.forEach((doc) => {
      console.log(doc.data());
    });
  });
}

b) orderBy()— упорядочивает документы по определенному полю.

import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
queryDocuments() {
  const collectionRef = this.firestore.collection('myCollection');
  collectionRef.orderBy('age', 'desc').get().subscribe((querySnapshot) => {
    querySnapshot.forEach((doc) => {
      console.log(doc.data());
    });
  });
}

AngularFirestore значительно упрощает процесс интеграции приложений Angular с Firestore в Firebase. В этой статье мы рассмотрели различные методы AngularFirestore для взаимодействия с коллекциями, документами и выполнения запросов. Используя эти методы, вы можете создавать надежные и динамичные приложения, которые легко взаимодействуют с Firestore.

Не забудьте импортировать AngularFirestore из модуля @angular/fire/firestore и обратиться к официальной документации AngularFirestore за полным списком доступных методов и их параметров.