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


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow