ionic2
Angularfire2 con Ionic2
Ricerca…
introduzione
Qui mal mostriamo come integrare AngularFire2 e utilizzare questo database in tempo reale nella nostra app Ionic.
Inizializzazione AngularFire
Prima di tutto è necessario inizializzare i moduli angularfire nel modulo dell'app in questo modo:
const firebaseConfig = {
apiKey: 'XXXXXXXXXX',
authDomain: 'XXXXXXXXXX',
databaseURL: 'XXXXXXXXXX',
storageBucket: 'XXXXXXXXXX',
messagingSenderId: 'XXXXXXXXXX'
};
Puoi ottenere queste chiavi firmando firebase e creando un nuovo progetto.
imports: [
AngularFireModule.initializeApp(firebaseConfig),
AngularFireDatabaseModule,
AngularFireAuthModule
],
Utilizzando AngularFire2
Una volta installato sulla tua app, è sufficiente importarlo:
import { AngularFireDatabase } from 'angularfire2/database';
constructor (private _af: AngularFireDatabase) {}
Con questo elenco osservabile puoi accedere a un elenco di elementi sotto un percorso, ad esempio se hai root / articoli / cibo puoi ottenere articoli alimentari come questo:
this._af.list('root/items/food');
E puoi semplicemente inserire un nuovo elemento qui e comparirà nel tuo database di Firebase, oppure puoi aggiornare un elemento e lo vedrai aggiornato sul tuo database. Puoi spingere e aggiornare in questo modo:
this._af.list('root/items/food').push(myItemData);
this._af.list('root/items/food').update(myItem.$key, myNewItemData);
Oppure puoi anche oggetti remoti dalla tua lista di cibo:
this._af.list('root/items/food').remove(myItem.$key);