14

Construindo suas aplicacoes rapidamente com Firebase

Embed Size (px)

Citation preview

Page 1: Construindo suas aplicacoes rapidamente com Firebase
Page 2: Construindo suas aplicacoes rapidamente com Firebase

/fromdenisvieira

Page 3: Construindo suas aplicacoes rapidamente com Firebase

● BAAS ( Backend as a Service ) ● Firebase joined Google in October 2014● Banco de Dados NoSQL● Cross Platform API Integrada● Three Way Data Binding● Autenticação Integrada● Publicação da Aplicação● Pago

https://katfang.com/presos/2015/security/#/

Page 4: Construindo suas aplicacoes rapidamente com Firebase

Three-Way Data Binding

Easy Real Time Apps

LIVE CODE

http://codepen.io/denisvieira/pen/EVyLVo/

DADOShttps://exampleifal.firebaseio.com/

Page 5: Construindo suas aplicacoes rapidamente com Firebase

User Authentication

1. var ref = new Firebase("https://<YOUR-FIREBASE-APP>.firebaseio.com");

2. ref.authWithOAuthPopup("facebook", function(error, authData) {

3. if (error) {4. console.log("Login Failed!", error);5. } else {6. console.log("Authenticated successfully with

payload:", authData);7. }8. });

1. var ref = new Firebase("https://<YOUR-FIREBASE-APP>.firebaseio.com");

2. ref.authWithOAuthRedirect("facebook", function(error) {

3. if (error) {4. console.log("Login Failed!", error);5. } else {6. // We'll never get here, as the page will redirect

on success.7. }8. });

Page 6: Construindo suas aplicacoes rapidamente com Firebase

Mobile Offline Support

https://www.firebase.com/docs/android/guide/offline-capabilities.html

Offline Capabilities

https://www.firebase.com/docs/ios/guide/offline-capabilities.html

Page 7: Construindo suas aplicacoes rapidamente com Firebase

GEOFIREhttps://www.firebase.com/blog/2014-

06-23-geofire-two-point-oh.html

LIVE DEMO :

geofire.firebaseapp.com/sfVehicles

Dados :

https://publicdata-transit.firebaseio.com/sf-muni

Documentação :

https://github.com/firebase/geofire/

Page 8: Construindo suas aplicacoes rapidamente com Firebase

$ npm install -g firebase-tools

$ npm update -g firebase-tools

cd to app-directory

$ firebase init

$ firebase deploy

Deploy in Seconds

https://<YOUR-FIREBASE-APP>.firebaseapp.com/

Page 9: Construindo suas aplicacoes rapidamente com Firebase
Page 10: Construindo suas aplicacoes rapidamente com Firebase

LIBS

Page 11: Construindo suas aplicacoes rapidamente com Firebase

DESVANTAGENS● Só pode ser utilizado via

Firebase.com● Custos podem ser altos● Dependência da Internet

Page 12: Construindo suas aplicacoes rapidamente com Firebase

DEMO

https://instafire.firebaseapp.comhttps://github.com/fromdenisvieira/instafire

Page 13: Construindo suas aplicacoes rapidamente com Firebase

TUTORS● Hangout: Criando aplicações Real-Time com AngularJs e Firebase

https://goo.gl/FHetuOn

● Real-Time Chat with the Ionic Framework and Firebase

https://goo.gl/h8NRMK

● Login com Redes Sociais e FireBase

https://goo.gl/L0ZJiX

● AngularJS - Creación de un CRUD con FireBase

https://goo.gl/A6wttj

Page 14: Construindo suas aplicacoes rapidamente com Firebase

https://www.firebase.com/docs/