comece a dominação global com angularjs e firebase – configuração inicial (parte 1)

a fonte completa está no github

Então você quer dominar o mundo, mas não quer construir um servidor incômodo? Eu te escuto. Ninguém quer manter um banco de dados incômodo enquanto você tem outras preocupações. Entre no firebase

Vamos usar o gerador angular para iniciar nossa estratégia de dominação, portanto, como qualquer bom mentor, você precisa do nodejs instalado .

Assim que cuidarmos disso, faremos a configuração do cinto de utilidades do batman:

npm install -g yo bower grunt-cli generator-angular
mkdir appToTakeOverTheWorld

cd appToTakeOverTheWorld

yo angular

O Sr. Yeoman fará algumas perguntas. Eu costumo dizer sim a tudo menos bússola, só porque. Se você quiser acelerar para construir um aplicativo com padrão pré construído, tente o gerador angularfire

Agora você tem um aplicativo do lado do cliente, sem banco de dados, mas todos os tipos de mágica angular. Acesse firebase.com, crie uma conta e, em seguida, crie um novo Firebase:

Cenário

Depois de fazer isso, você pode ver seus dados (está vazio, grande surpresa). Também podemos habilitar todos os tipos de tipos de login. O código será muito fácil. Vamos habilitar o twitter.

Cenário

Em seguida, crie um aplicativo do Twitter . Siga o link, faça login e selecione “Criar novo aplicativo”. Coloque qualquer url válida para o link do site. Voltaremos a isso.

Uma vez feito isso, você obterá uma chave API e uma chave secreta. Insira-os no firebase. Autenticação tratada.

Instale o módulo angularfire .

bower install angularfire --save

O Angularfire é construído e mantido pela equipe do firebase com o objetivo específico de chutar o traseiro com o angular (é ciência, verifique a documentação )

Adicione o módulo firebase como uma dependência de nosso aplicativo de dominação global.

app/scripts/app.js

 angular.module('appToTakeOverTheWorldApp', [
'ngCookies',
'ngResource',
'ngSanitize',
'ngRoute',
'firebase'
])

Em seguida, coloque tudo em execução:

grunt serve

configurar um controlador e serviço na parte 2