ionic2
Angularfire2 con Ionic2
Buscar..
Introducción
Aquí le mostraré cómo integrar AngularFire2 y usar esta base de datos en tiempo real en nuestra aplicación Ionic.
Inicialización de AngularFire
En primer lugar, necesita inicializar los módulos de angularfire en su módulo de aplicación de la siguiente manera:
const firebaseConfig = {
apiKey: 'XXXXXXXXXX',
authDomain: 'XXXXXXXXXX',
databaseURL: 'XXXXXXXXXX',
storageBucket: 'XXXXXXXXXX',
messagingSenderId: 'XXXXXXXXXX'
};
Puede obtener estas claves iniciando sesión en firebase y creando un nuevo proyecto.
imports: [
AngularFireModule.initializeApp(firebaseConfig),
AngularFireDatabaseModule,
AngularFireAuthModule
],
Utilizando AngularFire2
Una vez que lo tengas en tu aplicación, simplemente impórtalo:
import { AngularFireDatabase } from 'angularfire2/database';
constructor (private _af: AngularFireDatabase) {}
Con esta lista observable, puede acceder a una lista de artículos en una ruta, por ejemplo, si tiene raíz / artículos / alimentos, puede obtener alimentos como este:
this._af.list('root/items/food');
Y puede simplemente poner un nuevo elemento aquí y aparecerá en su base de datos de base de fuego, o puede actualizar un elemento y lo verá actualizado en su base de datos. Puedes empujar y actualizar así:
this._af.list('root/items/food').push(myItemData);
this._af.list('root/items/food').update(myItem.$key, myNewItemData);
O incluso puede remover artículos de su lista de alimentos:
this._af.list('root/items/food').remove(myItem.$key);