AngularJS con Firebase
Hola chavos, esta vez les traigo algo que encontre de utilidad en el blog: scotch.io, fusionar Angular con Firebase!
//Que es Firebase?
Firebase es un API que nos ofrece el servicio de sincronizar y guardar informacion en tiempo real! Con esto podemos crear aplicaciones que interactuen entre si y con otras aplicaciones en tiempo real sin necesidad de crear un Web Socket o viejos algoritmos.
Aun si nuestra aplicacion se desconectara de Internet, cuando se vuelva a conectar a Internet actualizara la información en nuestra App y en Firebase, la sincronizara.
Para mas información acerca de Firebase, pueden acudir a su pagina oficial.
//Como se conecta con Angular?
Lo podemos conectar con JavaScript puro o usando una librería llamada AngularFire, para este post he usado la librería, así puedo reducir significativamente mis lineas de código. Para conectarlo uso las siguientes lineas:
Claro que para que estas lineas funcionen, necesitan importar primero las librerías: Angular, Firebase y AngularFire y tener una aplicacion ya en Firebase. Para obtener la URL, iniciamos sesión y ubicamos la App que vamos a usar, Dentro de ese panel van a ver la URL de nuestra app:
//Ejemplo
Ahora para ver como funciona en un ejemplo practico, por favor visiten mi mas reciente plunk. He creado un chat simple utilizando Angular y Firebase. Pueden crear una cuenta gratis en Firebase para hacer sus propios prototipos, obvio esta algo limitada.
//Conclusión
Bueno chavos, con esto concluyo este post. Podemos decir que Firebase es un servicio de Google (la compañía fue adquirida por el Gigante de TI hace poco tiempo) que nos ofrece conectar nuestras aplicaciones en tiempo real sin mucho esfuerzo. ya que no utilizamos Web Sockets o cualquier otro algoritmo. solo bastan unas cuantas lineas de código para crear una Aplicacion en tiempo Real.
El costo es algo elevado, si es que desean utilizar este servicio, pero vale la pena; Personalmente para ejemplos como el que les mostré en este post, Firebase no seria mi primera elección, ya que es muy costoso y su alcance no es lo suficiente para desquitar ese gasto. Pero para otros tipos de proyectos, Firebase es sin duda la elección a tomar (No menciono ejemplos porque varía de persona a persona los proyectos en los que se puede utilizar).
Sin mas por el momento me despido, espero que se la estén pasando de maravilla! y que pasen una Feliz Navidad y Prospero Año nuevo! Adiós ^_^/
//Que es Firebase?
Firebase es un API que nos ofrece el servicio de sincronizar y guardar informacion en tiempo real! Con esto podemos crear aplicaciones que interactuen entre si y con otras aplicaciones en tiempo real sin necesidad de crear un Web Socket o viejos algoritmos.
Aun si nuestra aplicacion se desconectara de Internet, cuando se vuelva a conectar a Internet actualizara la información en nuestra App y en Firebase, la sincronizara.
Para mas información acerca de Firebase, pueden acudir a su pagina oficial.
//Como se conecta con Angular?
Lo podemos conectar con JavaScript puro o usando una librería llamada AngularFire, para este post he usado la librería, así puedo reducir significativamente mis lineas de código. Para conectarlo uso las siguientes lineas:
//Declaramos nuestro modulo de Angular
var app = angular.module('mainApp',[]);
//Declaremos nuestro controlador
app.controller('mainCtrl',function($firebase){
var referencia_a_nuestra_aplicacion = Firebase('https://URL_de_nuestra_app_en_firebase');
var encapsulemos_nuestra_referencia = $firebase(referencia_a_nuestra_aplicacion);
});
Claro que para que estas lineas funcionen, necesitan importar primero las librerías: Angular, Firebase y AngularFire y tener una aplicacion ya en Firebase. Para obtener la URL, iniciamos sesión y ubicamos la App que vamos a usar, Dentro de ese panel van a ver la URL de nuestra app:
//Ejemplo
Ahora para ver como funciona en un ejemplo practico, por favor visiten mi mas reciente plunk. He creado un chat simple utilizando Angular y Firebase. Pueden crear una cuenta gratis en Firebase para hacer sus propios prototipos, obvio esta algo limitada.
//Conclusión
Bueno chavos, con esto concluyo este post. Podemos decir que Firebase es un servicio de Google (la compañía fue adquirida por el Gigante de TI hace poco tiempo) que nos ofrece conectar nuestras aplicaciones en tiempo real sin mucho esfuerzo. ya que no utilizamos Web Sockets o cualquier otro algoritmo. solo bastan unas cuantas lineas de código para crear una Aplicacion en tiempo Real.
El costo es algo elevado, si es que desean utilizar este servicio, pero vale la pena; Personalmente para ejemplos como el que les mostré en este post, Firebase no seria mi primera elección, ya que es muy costoso y su alcance no es lo suficiente para desquitar ese gasto. Pero para otros tipos de proyectos, Firebase es sin duda la elección a tomar (No menciono ejemplos porque varía de persona a persona los proyectos en los que se puede utilizar).
Sin mas por el momento me despido, espero que se la estén pasando de maravilla! y que pasen una Feliz Navidad y Prospero Año nuevo! Adiós ^_^/
y como creaste tu database en firebase para almacenar tus datos ???
ReplyDelete