Firebase 3

Novedades y primeros pasos en la nueva versin de Firebase,

que nos trae una importante cantidad de nuevos servicios para
desarrollo de aplicaciones web, iOS y Android sin tener que
desarrollar la parte backend.
Durante las ltimas semanas venimos realizando diferentes vdeos sobre
Firebase aqu en DesarrolloWeb.com, en los que hemos podido conocer
muchas de sus caractersticas. A lo largo del Manual de Firebase encontrars
muchos tips interesantes y descripciones de uso de su API.
Pero en esta ocasin nos hemos visto obligados a volver un poco hacia atrs,
porque se ha presentado en mayo de 2016 una gran revisin al sistema por la
cual se ha ampliado considerablemente la cantidad de cosas que seremos
capaces de hacer desde aplicaciones Firebase.
Hasta ahora Firebase contaba con tres principales servicios:

Base de datos en tiempo real

Sistema de autenticacin

Hosting de archivos estticos

Y ahora se ha transformado en una completa suite de caractersticas y utilidades
realmente impactante que s resuelve la mayora de las necesidades que los
desarrolladores tienen al crear las aplicaciones. Es una tremenda actualizacin, de mucho
inters, porque la mayora de las cosas que ahora se ofrecen venan siendo demandadas
por los desarrolladores durante los ltimos meses o aos.

Nuevos servicios de Firebase

Ahora Firebase nos ofrece nuevas caractersticas, de mayor o menor importancia. Algunas
son para el desarrollo de todo tipo de aplicaciones y otras estn mayoritariamente
centradas en el desarrollo de apps para mviles.
En mi opinin estas son las principales funcionalidades que ahora se han agregado:

Storage: Un sistema de almacenamiento de archivos de los usuarios. Los usuarios

pueden subir archivos desde el navegador y desde dispositivos, gracias al nuevo SDK,
sin tener que tocar ni una lnea de cdigo backend. Los archivos pueden cargarse sin
importar las condiciones de red, en background, y si una subida se interrumpe, se
reanuda automticamente cuando vuelve la conexin, continuando por donde se haba
parado. Todo esto lo hace especialmente indicado para usuarios con pobres conexiones
de red. Adems usa Google Cloud Storage, por lo que la escalabilidad es casi infinita.

Notificaciones: Ahora somos capaces de enviar notificaciones a los mviles del

usuario, usando servidores de notificaciones de Google.

Sistema de comprobacin de los correos de los registrados: Anteriormente no

haba posibilidad de confirmar los correos de los usuarios registrados y aunque esto
depende del servicio de autenticacin que ya exista, es una de las novedades ms
demandadas.

Analtica: de uso de la aplicacin, principalmente enfocado al uso mvil.

Adems hay una serie de servicios adicionales que conoceremos si visitamos el nuevo
website. Iremos revisando en adelante todas esas caractersticas como Cloud Messaging,
Remote Config, Test Lab, Crash Reporting, App Indexing, Dynamic Links, Invites, AdWords
y AdMov.
Tambin destaca una nueva escala de precios con una versin gratuita con ms
generosas posibilidades, que nos permite usar Firebase incluso en apps que estn ya en
produccin, con su propio dominio personalizado, etc.

Primeros pasos en el desarrollo para la web con Firebase

En nuestro manual de Firebase hemos invertido tiempo en explicar el desarrollo para la
web con Firebase y algunas cosas han cambiado, por lo que vamos a hacer de nuevo una

pequea introduccin a las novedades. Afortunadamente la mayora de los conceptos y

modos de trabajo son los mismos.
Nueva consola:
Ahora existe una consola totalmente renovada para la gestin de una app Firebase, a la
que le han agregado diversas nuevas utilidades para cubrir la configuracin de muchos
nuevos servicios. Sustituye al antiguo "dashboard" de Firebase y accedes desde el sitio
web de Firebase.
Para crear una nueva aplicacin encontrars un botn bien visible.

En la ventana que aparece escribimos los datos de nuestro nuevo proyecto y al crearlo
nos lleva directamente a la administracin de esta nueva app.
Desde all encontraremos muchas nuevas opciones, acceso a la documentacin etc.
Aadir un proyecto a una aplicacin web:
En la consola de administracin de una app encontramos varios enlaces visibles
fcilmente para poder aadir Firebase a una app Andorid, iOS o Web. Si pulsamos en la
parte web conseguimos los datos de nuestra app, en un script Javascript que podrs
agregar a tu pgina. El acceso a estos datos se hace con este icono:

En la caja de dilogo que veremos tenemos que copiar el cdigo de inicializacin de la app
Firebase. Ese cdigo debemos pegarlo en nuestro proyecto, justo antes de realizar
cualquier tipo de operacin con Firebase.

Una vez inicializada la aplicacin con este script seremos capaces de acceder al nuevo API
de Firebase para realizar las operaciones que sean necesarias para el desarrollo de
nuestra app.

Services Firebase, novedades en el API

Dentro de lo que sera el API de Firebase la novedad principal que tenemos que comentar
en estos primeros pasos es que ahora todo el API est dividido en tres "services", por lo
que respecta a la parte web.
Antes, si lo recuerdas, colgaba todo del mismo lugar y comenzbamos generando un
objeto Firebase a partir de una URL de nuestra aplicacin. Pero ahora, como decimos,
est dividido en tres principales objetos, que obtenemos por medio de tres mtodos que
dependen del objeto Firebase.
firebase.auth(), nos devuelve un objeto sobre el que podemos acceder al API de

Autenticacin.
firebase.storage(), nos permite acceder a un objeto para toda la nueva parte del

servicio de "Storage".
firebase.database(), accedemos a un objeto con toda la funcionalidad de la base de

datos en tiempo real (Realtime Database).

As pues, para poder acceder por ejemplo a nuestra base de datos, en estos primeros
pasos, vamos a tener que obtener el service correspondiente.
var db = firebase.database();
As estamos "cacheando" en una variable llamada "db" el service del acceso a la base de
datos Firebase.
Luego, con este servicio podremos acceder al API de Firebase, en este caso para todo lo
que respecta al "realtime database", para hacer operaciones de lectura / escritura sobre la
base de datos. Aqu ya cambia poco sobre lo que se ha explicado en anteriores artculos.
Una operacin de escritura se puede realizar mediante el mtodo set(), pero antes
tenemos que decir en qu referencia de la base de datos queremos escribir.
db.ref('metadata').set({
app: 'videotutorial',
ver: '0.0.1'

});

Nota: Puedes encontrar mayores explicaciones en el artculo Escribir datos en Firebase. Es un

artculo en el que estamos usando el API antigua, pero te explica varios conceptos que son

exactamente iguales en esta versin de Firebase, junto con la descripcin y caractersticas del
mtodo set() y otros que tambin podemos usar para escribir en nuestra base de datos en tiempo
real.

Lo que respecta a una lectura, se sigue realizando por medio de eventos, en este caso
"value". Ese evento se ejecutar en el primer acceso a la informacin y posteriormente
cada vez que esa informacin cambie, para ser notificados en tiempo real.
db.ref("metadata").on('value', function(snapshot){
console.log(snapshot.val());

});
Si ya conocas Firebase no tendrs problemas en entender este cdigo anterior. Si no lo
conoces cabe decir que la funcin manejadora del evento "value" recibe un "snapshot"
que no es ms que la instantnea de un dato en un momento dado. El dato que vamos a
recibir est en la referencia "metadata". Recibimos el valor del dato en el snapshot
invocando al mtodo val(): snapshot.val().
Nota: Puedes acceder al artculo sobre el trabajo con colecciones de Firebase donde explicamos el
motivo del acceso para lectura a la base de datos de Firebase por medio de eventos. Nuevamente
vers que se usa el API antigua, pero las cosas siguen siendo bastante parecidas, excepto por lo
que se est mencionando en el presente texto.

Nuevas reglas de seguridad predeterminadas

Ojo tambin a la parte de la seguridad. El lenguaje con el que se escriben las reglas de
seguridad sigue siendo el mismo, pero las reglas configuradas de manera predeterminada
en una app Firebase ha cambiado.
Esto es algo que detallamos basante en el video que encontrars a continuacin. No
obstante cabe decir que las nuevas reglas de seguridad con las que nace una app Firebase
fuerzan a que, tanto para lecturas como para escrituras, deba realizarse con un usuario
correctamente autenticado.
Por eso, si ests probando las anteriores instrucciones de set() o el evento "value" para
recuperar informacin, apreciars que te arroja errores de permiso denegado. En este
caso, solo para experimentar y con cuidado de no mantener esas reglas en produccin, es
solo cambiar las condiciones write y read para poner los valores "true".

Insistimos, mira el siguiente video para mayores aclaraciones. Adems explicaremos ms

cosas para reglas de seguridad en breve.

Vdeo de novedades y primeros pasos con el nuevo Firebase

En el siguiente vdeo encontrars ms o menos lo que te hemos explicado en este artculo
con datos adicionales y comentarios que te vendr bien saber. Si tienes 20 minutos te
recomendamos que lo veas.
https://youtu.be/McKR5S4--Fc

Conclusin
En siguientes artculos seguiremos explicando Firebase y los distintos servicios que ahora
incluye. Continuaremos el Manual de Firebase ya con las nuevas caractersticas y modos
de uso de este excelente servicio BaaS (Backend as a Service).
Nos agrada especialmente, porque vemos que el sistema Backend as a Service de
Firebase representa una seria apuesta de Google por la computacin en la nube y
muestra que est de muy buena salud.
Esto es una excelente noticia para los desarrolladores tambin, porque ahora con
Firebase sern capaces de hacer muchas ms cosas sin tener que invertir tiempo en la
programacin de la parte del backend.