Szukaj…


Wprowadzenie

Tutaj pokazuję, jak zintegrować AngularFire2 i korzystać z tej bazy danych w czasie rzeczywistym w naszej aplikacji Ionic.

Inicjalizacja AngularFire

Przede wszystkim musisz zainicjować moduły angularfire w swoim module aplikacji w następujący sposób:

  const firebaseConfig = {
  apiKey: 'XXXXXXXXXX',
  authDomain: 'XXXXXXXXXX',
  databaseURL: 'XXXXXXXXXX',
  storageBucket: 'XXXXXXXXXX',
  messagingSenderId: 'XXXXXXXXXX'
};

Możesz zdobyć te klucze, logując się na Firebase i tworząc nowy projekt.

imports: [
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule,
    AngularFireAuthModule
  ],

Korzystanie z AngularFire2

Po zainstalowaniu go w aplikacji wystarczy go zaimportować:

import { AngularFireDatabase } from 'angularfire2/database';
constructor (private _af: AngularFireDatabase) {}

Dzięki tej Obserwowalnej liście możesz uzyskać dostęp do listy przedmiotów pod ścieżką, na przykład jeśli masz root / przedmioty / jedzenie, możesz uzyskać takie artykuły spożywcze:

this._af.list('root/items/food');

Możesz po prostu umieścić tutaj nowy przedmiot i pojawi się on w bazie danych firebase, lub możesz zaktualizować jeden element i zobaczysz, że jest aktualizowany w bazie danych. Możesz przesyłać i aktualizować w następujący sposób:

this._af.list('root/items/food').push(myItemData);
this._af.list('root/items/food').update(myItem.$key, myNewItemData);

Lub możesz nawet zdalnie wybierać produkty z listy produktów:

this._af.list('root/items/food').remove(myItem.$key);


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow