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);


Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow