FabrícioRonchi

AngularJS - Firebase

07 February 2014

O que é Firebase?

Firebase é um banco de dados backend em tempo real, ideal para aplicações web. Ele permite criar aplicativos sem o incômodo de gerenciamento de servidores ou escrever código do lado do servidor.

Como funciona?

Funciona apenas incluindo a biblioteca em suas aplicações. Esta biblioteca fornece estrutura de dados que são sincronizados automaticamente entre todos os seus clientes e com os servidores do Firebase. Se um usuário muda alguma informação, todos os outros usuários, verão a alteração em alguns milisegundos.

Multiplataforma

Chat com Firebase

O exemplo mostra um chat usando a biblioteca Firebase.

index.html

<div ng-app="myapp">
  <script src="angular.min.js"></script>
  <script src="app-firebase.js"></script>
  <script src="firebase.js"></script>
  <script src="angularfire.js"></script>
  <div ng-controller="MyController">
    <div ng-repeat="msg in messages">
       <em>{ {msg.from} }</em>: { {msg.body} }
    </div>
    <input ng-model="nome" placeholder="Seu Nome">
    <input ng-model="mensagem" ng-keydown="addMessage($event)">
  </div>
</div>

app.js

var app = angular.module("myapp", ["firebase"]);

function MyController($scope, $firebase) {
  var ref = new Firebase("https://cqd14kyaz69.firebaseio-demo.com/");
  $scope.messages = $firebase(ref);
  $scope.addMessage = function(e) {
    $scope.messages.$add({
      if e == 13 return false;
      from: $scope.nome,
      body: $scope.mensagem
    });
    $scope.mensagem = "";
  }
}

Exemplo

{(msg.from)}: {(msg.body)}

Referências

Qualquer dúvida, chama aí no Twitter!