Firebase

Clase 26 de 45 • Curso de desarrollo móvil con Ionic 2 2016

Contenido del curso

Básicos de Ionic 2

User Interface ( UI ) de la aplicación

Conexión a servicios web y SQlite

Ionic Native

Progressive web apps y servicios cloud de Ionic

Puesta en producción

38
Compilación en android e iOS
02:32 min

Contenidos complementarios

Cierre del curso

Tomar examen

Comentarios

Camilo Andres Rodríguez Hernandez

student•

El segundo comando no me compilaba bien añadirle firebase

$ npm install @types/request@0.0.30 --save-dev --save-extract
$ npm install firebase angularfire2 --save

Armando Zabala

student•

Muchas gracias tenia el problema pero ya funciono, tomar en cuenta esto. Gracias

Nicolás Jaramillo

student•

Recomendaciones para los que no les funciona:

npm install firebase --save
npm install @types/request@latest --save-dev --save-extract
npm install firebase angularfire2 --save

Saludos

Juan C Felizzola

student•

Así me funcionó bien en Ionic 3

Oscar Torres

student•

Hay alguna diferencia técnica o de performance entre usar Angularfire2 o Firebase?

import { AngularFire } from 'angularfire2';

import firebase from 'firebase';

Cual es más recomendable usar?

Jorge Cano

teacher•

AngularFire esta preparada para Angular directamnete… pero angular soportar 3rd party library’s por lo tanto tambien lo soporta.

Oscar Torres

student•

Es que en un proyecto personal que estoy elaborando estoy usando Firebase directamente, pero no se me esta actualizando la información realtime en la app, solo si paso a otra vista y regreso ya la información se refleja actualizada, no he podido encontrar el porque, voy a hacer la implementación con AngularFire2 y veo si funciona.

Me basé en este proyecto para implementarlo en el mío :

José Vázquez Membrillo

student•

├── UNMET PEER DEPENDENCY @angular/common@2.2.1
├── UNMET PEER DEPENDENCY @angular/core@2.2.1
├── UNMET PEER DEPENDENCY @angular/platform-browser@2.2.1
├─┬ @types/request@0.0.41
│ ├── @types/form-data@0.0.33
│ └── @types/node@7.0.8
├── UNMET PEER DEPENDENCY es6-shim@^0.35.0
├── UNMET PEER DEPENDENCY reflect-metadata@0.1.2
└── UNMET PEER DEPENDENCY rxjs@5.0.0-beta.12

Y a partir de aquí me aparece un error en la app, indicando :

Typescript Error
Module ‘’*’’ has no exported member ‘app’.

Alguien me puede echar una manita please?

José Vázquez Membrillo

student•

Solucionado, basta con eliminar la carpeta node_modules y lanzar de nuevo el npm install.

Espero que os sirva!

Victor Barrios Alvarez

student•

Realicé este procedimiento y ahora muchas cosas dejaron de funcionar en el proyecto. Alguna solucion por favor?
Gracias

Jean Marco Pérez Arias

student•

Ayuda por favor!

Runtime Error
Uncaught (in promise): Error: PERMISSION_DENIED: Permission denied Error: PERMISSION_DENIED:

Johnny Calviño Calviño

student•

Esto te ocurre por las reglas de autenticación que tiene firebase, deber ir a reglas y permitir la lectura y escritura sin estar logueado. OJO no es recomendable lo adecuado es que cada usuario este “logueado”

Marco Antonio Flores Virués

student•

Podrian apoyarme en realizar este comando en windows
npm install @types/request@0.0.30

me marca error

npm install <<<< @types/request@0.0.30 --save-dev --save-extract

CategoryInfo : ParserError: (😃 [], ParentContainsErrorRecordException
FullyQualifiedErrorId : UnrecognizedToken

Gracias!

Gj Corp

student•

el archivo auth-servicdes.ts cuando lo crearon???

Firebase

Básicos de Ionic 2

¿Qué es Ionic 2?

Preparando el ambiente de desarrollo

¿ Qué es una app híbrida ?

Arquitectura de una app en Ionic 2

Ionic CLI

Repaso de typescript

Conceptos de angular 2 para ionic

Guía de TypeScript

Repositorio del curso

User Interface ( UI ) de la aplicación

Creando nuestro proyecto y UI List

UI de notificaciones ( eventos )

Cards UI

Themming SCSS

¿Qué es un Componente en Ionic?

UI de nuestro Login

Refactor ( buenas prácticas) en componentes

Interfaces - Commons ( Como crear interfaces personalizadas)

Rutas entre vistas de la aplicación

Navegación con parametros

Ciclo de vida de los componentes

Componentes Hijos @input

Componentes Hijos @output

Conexión a servicios web y SQlite

Conexión a un web service con promises

Conexión al backend y RxJS

Conexión con SQLite

Firebase

Real-Time database con Firebase

Botón de Like

Push Notifications

Ionic Native

Ionic Native - Geolocalización

Ionic native - Acceso a la cámara

Ionic native - Admob

Progressive web apps y servicios cloud de Ionic

Progressive Web Apps en Ionic 2

Terminando nuestro service worker

Login Común con Ionic Cloud

Ionic native - background services

Ionic Cloud, Login Facebook

Puesta en producción

Compilación en android e iOS

Contenidos complementarios

Ionic Creator

MarketPlace

Ionic Cloud

Cierre del curso

Cierre del curso

Desafíos del curso: Google Maps

Desafíos del curso: Retwit

Desafíos del curso: Hacer settings para theme