Entradas

Mostrando entradas de abril, 2017

Angular 2 y FireBase - PARTE 2 - Comenzamos un pequeño chat de ejemplo

Imagen
     Hoy vamos a ver la segunda parte de nuestro tutorial práctico de Angular 2 y Firebase.  En el anterior artículo vimos como crear una base de datos en Firebase y como instalar y configurar Firebase en un proyecto Angular 2.       A partir de este artículo abordamos el caso práctico de un chat muy básico, donde veremos las características principales de Firebase. Firebase ante todo es una base de datos documental en tiempo real.    En este segundo artículo partimos de una pantalla que previamente he diseñado, modificando la vista con la que acabamos en el artículo anterior. La nueva pantalla es la siguiente:   Abajo se pondrá el Nick y el mensaje que queremos que aparezca en la zona del chat, que obviamente es la zona blanca central, donde irán apareciendo los mensajes.    En este segundo artículo, partimos también de la base de datos vacía, ya que los diferentes usuarios los va a ir creando dinámicamente la aplicación.   Al final de este artículo encontrarás el