Introducing Firebase by Google

Preview:

Citation preview

Once upon time there’s was

Suddenly …

No more Parse :/

Meanwhile Google

DEF !

A BAAS From the Future

What does that have to do with our

Let’s Democratize The Process

<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>

Lets Fill The Gaps1 – Go to firebase.google.com

2 – Create an Account

3 – Just Explore & have fun

Real-time Database

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”}

}

Authentication

1 – Choose you provider

Anonymous Email / Password

Social Login

Storage

Hosting

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

Result / Test

Outside of the BOX

Q/A

Recommended