ionic2
Angularfire2 met Ionic2
Zoeken…
Invoering
Hier laat ik u zien hoe AngularFire2 te integreren en deze realtime database in onze Ionische App te gebruiken.
AngularFire-initialisatie
Allereerst moet u de angularfire-modules in uw app-module als volgt initialiseren:
const firebaseConfig = {
apiKey: 'XXXXXXXXXX',
authDomain: 'XXXXXXXXXX',
databaseURL: 'XXXXXXXXXX',
storageBucket: 'XXXXXXXXXX',
messagingSenderId: 'XXXXXXXXXX'
};
Je kunt deze sleutels krijgen door je aan te melden bij firebase en een nieuw project te maken.
imports: [
AngularFireModule.initializeApp(firebaseConfig),
AngularFireDatabaseModule,
AngularFireAuthModule
],
AngularFire2 gebruiken
Zodra u het in uw app heeft, importeert u het gewoon:
import { AngularFireDatabase } from 'angularfire2/database';
constructor (private _af: AngularFireDatabase) {}
Met deze waarneembare lijst hebt u toegang tot een lijst met items onder een pad, bijvoorbeeld als u root / items / food hebt, kunt u dergelijke items krijgen:
this._af.list('root/items/food');
En u kunt eenvoudig een nieuw item hier plaatsen en in uw firebase-database verschijnen, of u kunt een item bijwerken en u zult het update in uw database zien. Je kunt zo pushen en updaten:
this._af.list('root/items/food').push(myItemData);
this._af.list('root/items/food').update(myItem.$key, myNewItemData);
Of u kunt zelfs externe items van uw voedsellijst:
this._af.list('root/items/food').remove(myItem.$key);