ionic2
Angularfire2 z Ionic2
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);