25

Introducing Firebase by Google

Embed Size (px)

Citation preview

Page 1: Introducing Firebase by Google
Page 2: Introducing Firebase by Google

Once upon time there’s was

Page 3: Introducing Firebase by Google

Suddenly …

Page 4: Introducing Firebase by Google

No more Parse :/

Page 5: Introducing Firebase by Google

Meanwhile Google

Page 6: Introducing Firebase by Google
Page 7: Introducing Firebase by Google

DEF !

Page 8: Introducing Firebase by Google

A BAAS From the Future

Page 9: Introducing Firebase by Google

What does that have to do with our

Page 10: Introducing Firebase by Google
Page 11: Introducing Firebase by Google

Let’s Democratize The Process

Page 12: Introducing Firebase by Google

<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

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

2 – Create an Account

3 – Just Explore & have fun

Page 14: Introducing Firebase by Google

Real-time Database

Page 15: Introducing Firebase by Google

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

Authentication

Page 17: Introducing Firebase by Google

1 – Choose you provider

Anonymous Email / Password

Social Login

Page 18: Introducing Firebase by Google

Storage

Page 19: Introducing Firebase by Google

Hosting

Page 20: Introducing Firebase by Google

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

Result / Test

Page 22: Introducing Firebase by Google

Outside of the BOX

Page 23: Introducing Firebase by Google
Page 24: Introducing Firebase by Google

Q/A

Page 25: Introducing Firebase by Google