Download - Introducing Firebase by Google
![Page 1: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/1.jpg)
![Page 2: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/2.jpg)
Once upon time there’s was
![Page 3: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/3.jpg)
Suddenly …
![Page 4: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/4.jpg)
No more Parse :/
![Page 5: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/5.jpg)
Meanwhile Google
![Page 6: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/6.jpg)
![Page 7: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/7.jpg)
DEF !
![Page 8: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/8.jpg)
A BAAS From the Future
![Page 9: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/9.jpg)
What does that have to do with our
![Page 10: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/10.jpg)
![Page 11: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/11.jpg)
Let’s Democratize The Process
![Page 12: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/12.jpg)
<script>// Initialize Firebase// TODO: Replace with your project's customized code snippetvar config = {apiKey: "<API_KEY>",authDomain: "<PROJECT_ID>.firebaseapp.com",databaseURL: "https://<DATABASE_NAME>.firebaseio.com",storageBucket: "<BUCKET>.appspot.com",
};firebase.initializeApp(config);
</script>
Initialize / Configure
<script src="https://www.gstatic.com/firebasejs/3.4.0/firebase.js"></script>
![Page 13: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/13.jpg)
Lets Fill The Gaps1 – Go to firebase.google.com
2 – Create an Account
3 – Just Explore & have fun
![Page 14: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/14.jpg)
Real-time Database
![Page 15: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/15.jpg)
1 – Remember To Config :
databaseURL: "https://<DATABASE_NAME>.firebaseio.com"
2 – Don’t forget the Data Scheme
// Spoiler Alert : its on JSON
3 – Define your Data Scheme
var Obj : {startTrek : {
favActor: “Spock”}
}
![Page 16: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/16.jpg)
Authentication
![Page 17: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/17.jpg)
1 – Choose you provider
Anonymous Email / Password
Social Login
![Page 18: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/18.jpg)
Storage
![Page 19: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/19.jpg)
Hosting
![Page 20: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/20.jpg)
1 – Make sure you have Node JS in your System.
2 – Install Firebase CLI
# npm install -g firebase-tools
3 – Login # firebase login
4 – Initialize & Deploy
# firebase init && firebase deploy
![Page 21: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/21.jpg)
Result / Test
![Page 22: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/22.jpg)
Outside of the BOX
![Page 23: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/23.jpg)
![Page 24: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/24.jpg)
Q/A
![Page 25: Introducing Firebase by Google](https://reader031.vdocument.in/reader031/viewer/2022021815/5884a4e21a28ab76798b487b/html5/thumbnails/25.jpg)