Diciembre 18, 2016 Uncategorized

Angular2 demo con Firebase Storage y Firebase Database Realtime

Este proyecto es una demo con Angular2 que muestra cómo trabajar con Firebase Storage para subir imágenes a Firebase y cómo trabajar con Firebase Realtime Database para mostrar en tiempo real los ficheros que se han subido a Firebase Storage.

Screenshots

Subir ficheros:
Upload files to Firebase Storage

Subir ficheros a Firebase Storage

Mostrar ficheros
List files from Firebase Database Realtime

Mostrar ficheros desde Firebase Database Realtime

 

Descagar y ejecutar la aplicación

  • Si no tienes instalado angular-cli, tienes que instalarlo: npm install angular-cli --save
  • Clona este repo y entra en el nuevo directorio que has clonado
  • Ejecuta npm install
  • Ejecuta ng serve

Live demo

Puedes ver este proyecto en ejecución en Firebase Hosting en esta URL:https://upload-
582a4.firebaseapp.com/

Si quieres ver en acción Firebase Realtime Database, puedes abrir la aplicación en dos navegadores distintos, uno con la página List Images y otro con la página Upload Images. Si subes un fichero verás cómo éste se muestra automáticamente en la página List Images.

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Back to top