El blog de Ana

Para subir nuestra aplicación con Angular 2 al hosting de Firebase, tenemos que hacer lo siguiente: 1) Instalamos firebase-tools npm install -g firebase-tools 2) Generamos la carpeta /dist ng build 3) Nos logueamos firebase login 4) Creamos la configuración de Firebase firebase init Seleccionamos: "Hosting", "public directory" -> "dist" y lo configuramos como "single-page app" 5) Lo desplegamos en firebase firebase deploy

En el post anterior vimos como utilizar Firebase en nuestra aplicación con Angular 2 y cómo autenticarnos. En este post vamos a ver cómo podemos utilizar la base de datos en tiempo real de Firebase: 1) Creamos nuestro servicio (mocks.service.ts) import { Injectable } from '@angular/core'; import {Mock} from './mock'; import { AngularFire, FirebaseListObservable } from 'angularfire2'; @Injectable() export class MocksService { fo: FirebaseListObservable ; constructor(private af: AngularFire) { this.fo = this.af.database.list('/mocks'); } getMocks() { return this.fo; } addMock(mock: Mock) { this.fo.push(mock); } } 2) Utilizamos el servicio import { Component, OnInit } from '@angular/core'; import {MocksService} from '../mocks.service'; import {FirebaseListObservable} from "angularfire2"; @Component({ ... }) export class ListComponent implements OnInit { mocks: FirebaseListObservable ; c...

Firebase es una plataforma móvil de Google que nos ayuda a desarrollar nuestras aplicaciones a través de diferentes funcionalidades: una base de datos en tiempo real, hosting, almacenamiento, autenticación de usuario, analytics, notificaciones... y mucho más. Tiene diferentes planes y lo más interesante es que uno de ellos es gratuito , y ofrece todo lo necesario para empezar a desarrollar nuestras aplicaciones. En este post vamos a ver cómo incorporar Firebase a nuestra aplicación con Angular 2: 1) Creamos nuestro proyecto en Firebase 2) Instalamos firebase y angularfire2 npm install angularfire2 firebase --save 3) En app.module.ts incluimos lo siguiente: ... import {AngularFireModule, AuthProviders, AuthMethods, AngularFire} from 'angularfire2'; const options = require('./../../config/config.json'); export const firebaseConfig = { apiKey: options.firebase.apiKey, authDomain: options.firebase.authDomain, databaseURL: options.firebase.databaseURL, stora...