Introduction to Firebase by Igor Flysta

Introduction to Firebase by Igor Flysta

Transcript

1. Introduction to
2. Realtime Backend for your App
4. The Full Stack Creating an app requires managing complex infrastructure.
5. But the full stack is never that simple
6. … and neither is the client side Clients: • Web • iOS • Android
7. … the truth is The users don’t care about your backend
8. The User Expects • Speed • Offline • Multi-platform • Simple Autentification
9. Firebase Backend
10. And forget the server Firebase apps can run on client-side code only
11. REALTIME DATABASE • NoSQL JSON data-store • Cross-platform client-side SDKs • Offline out-of-the-box • Auto-scaling • RESTful API
13. REALTIME DATA Whenever data is updated in Firebase, it sends the update down to every listening client
15. Cross-platform
16. Storing Data Firebase ref = new Firebase(“https://<your-firebase-app>.firebaseio.com/message”); ref.setValue(“All the things”);
17. Storing Data { “location”: { “city”: “Ternopil”, “country”: “Ukraine” } }
18. Sync Data Firebase ref = new Firebase (“https://<your-firebase-app>.firebaseio.com/message”); ref.addValueEventListener(new ValueEventListener() { @Override public void onDataChange(DataSnapshop snapshot) { System.out.println(snapshot.getValue()); } @Override public void onCancelled(FirebaseError error) { } });
19. { "messages": { "message1": { "text": "Hello, world", "country": "USA" }, "message2": { "text": "Bonjour monde", "country": "France" }, "message3": { "text": "Hello, world", "country": "England" }, "message4": { "text": "你好世界", "country": "China" }, "message5": { "text": "γειά σου κόσμος", "country": "Greece" }, ... } }
20. Offline
21. Intermittent Offline What happens when you go through a tunnel? Firebase clients store a local cache of your data. When the user goes offline, the app still works as expected with the local cache.
22. Extended Offline What happens when you go on a flight? On mobile, Firebase persists data to a local store. The app will continue to work even across app restarts.
23. One Line Of Code Firebase.getDefaultConfig().setPersistenceEnabled(true);
24. Autentification • Email & Password • Google • Twitter • Facebook • Github • Anonymous • Custom
25. Autentification ref.authWithOAuthToken("google", "<OAuth Token>", new Firebase. AuthResultHandler() { @Override public void onAuthenticated(AuthData authData) { // the Google user is now authenticated with your Firebase app } @Override public void onAuthenticationError(FirebaseError firebaseError) { // there was an error } });
26. Security • Declarative rules language • JavaScript-like syntax • Executed server-side • Authorization • Schema validation
27. Security By default everyone can write and read { "rules": { ".read": true, ".write": true, } }
28. Security Everyone can read, but no one can write { "rules": { ".read": true, ".write": false, } }
29. Security Secure specific parts of your Firebase { "rules": { ".read": true, "message": { ".write": false } } }
30. Security Special variables to power autentification { "rules": { ".read": true, "message": { ".write": "auth !== null", ".validate": "newData.isString() && newData.val().length < 100" } } }
31. User-based Security Use $wildcards as route parameters { "rules": { ".read": false, ".write": false, "users": { "$userid": { ".read": "true", ".write": "auth.uid === $userid" } } } }
32. Hosting • Free static asset hosting • SSL certificate • Global CDN • Single command deploys • One-click rollbacks • Custom domains
33. Hosting Demo
34. And More ... • Angular, React, Ember, Backbone bindings • GeoFire (realtime geolocation) • Firepad (realtime text editing) • Open Data Sets • More coming soon...
35. Let’s Code
36. Thank You!