SCK Firestore at CNX

© 2017 - 2018 Siam Chamnankit Company Limited. All rights reserved.
Cloud Firestore
for XXX application
October 27, 2017
Firebase meet up
Chiangmai 2017

Firebase meet up Chiangmai 2017
© 2017 - 2018 Siam Chamnankit Company Limited. All rights reserved. 2

Beta release !!

Cloud Firestore

Basic of Firestore
New document database for app
developers

RDBMS vs Document

Basic of Firestore
developers
For mobile and web development

Basic of Firestore
developers
For mobile and web development
Easily and sync at the global scale

Key features

Key features
Documents and collections with powerful
querying

Key features
querying
Offline data access (mobile and web)

Key features
querying
Realtime data sync

Key features
querying
Realtime data sync
Automatic, multi-region replication

Key features
querying
Realtime data sync
Automatic, multi-region replication
Node, Python, Go, Java

Key features
Integrate with Firebase Platform

Key features
Integrate with Firebase Platform
Cloud Function and Firebase Authentication

Replacing
Firebase Realtime Database ?

No

Usecase !!

What’s different with
Cloud Firestore ?
https://firebase.google.com/docs/firestore/rtdb-vs-firestore

Better query and more data
structure

Collections

Subcollections

All queries are shadow

Automatic build an index

Make easy to search across
multiple field

Queries scale to the size of your
result set
(not the size of your data)

Pricing model !!

Realtime database based on
size of data

Cloud Firestore based on
the number of reads or writes

What’s your use case ?

Use both database together

Create my Collection

https://www.facebook.com/pg/namtonshousebar

Beer Document

Let’s start at Firebase console

Beer Collection

First document with Go To IPA

Result

My Beer Application

$firebase init
$npm install -g firebase-tools

$firebase open auth

Add Firebase to app

For web app

Manage security rules

Everyone can read and write !!

Need to update the security rules

$firebase deploy --only firestore:rules

Add new beer

Add new beer without brewer

Add new beer without brewer
const db = firebase.firestore();
const beer = {
beerName: this.state.beerName,
alcohol: this.state.alcohol,
price: this.state.price
}
db.collection(“beer").add(beer)

View data in Firebase console

Read all beer

Read all beer
let allBeer = []
const db = firebase.firestore() 
db.collection("beer").get() 
.then((querySnapshot) => { 
querySnapshot.forEach((doc) => {
allBeer.push(doc.data())
}) 
})

Read beer by ID
let allBeer = []
db.collection(“beer").doc("ID")get() 
.then((querySnapshot) => { 
})

Delete beer by ID

Delete beer by ID
const db = firebase.firestore()
db.collection("beer").doc(`${beerId}`).delete()
.then(function() {
console.log(`${beerId}`)
}).catch(function(error) {
console.error(error);
});

We need more features

Ordering data

Order by name

Order by name
const db = firebase.firestore()
db.collection("beer")
.orderBy('beerName', 'desc').get()
.then((querySnapshot) => {
})

Order by name and price
.orderBy('beerName', 'desc')
.orderBy('price', 'asc').get()

Error !!
Need to add a index !!

Add new index

Order by name and price

Limit number of data
.orderBy('beerName', 'desc')
.orderBy('price', 'asc').limit(2).get()

Filter data by conditions

Filter data with where()

Filter data with where()
const db = firebase.firestore();
db.collection(“beer")
.where("beerName", "==", this.state.searchWord)
.get()
.then((querySnapshot) => {
querySnapshot.forEach((doc) => {
allBeer.push(doc)
})
})

Full text search

(Cloud Firestore not support !!)
Full text search

(need 3-party library)
Full text search

Structure of data

Structure of data
Nested data in documents
Subcollections
Root-level collections
https://cloud.google.com/firestore/docs/concepts/structure-data

Nested data in document

Subcollections

Root-level collections

Let’ s design your data model
(most important)

Add brewer in each beer

Working with Subcollection

//1. Create beer document
const beer = {
beerName: this.state.beerName,
alcohol: this.state.alcohol,
price: this.state.price
}
db.collection("beer").add(beer)
.then(function(beerDocument) { 
//2. Add brewer to beer
const mockBrewery = [
{ name: "Stone" },
{ name: "Thai Local"}
]
beerDocument.collection("brewery") 
.add(mockBrewery[id])

And more …

Secure data
Working with Cloud Function
Working with Transaction & Batching
Sync data
Offline mode

Resources

Demo
https://github.com/up1/demo-cloud-firestore

Resources
https://codelabs.developers.google.com/
codelabs/firestore-web
https://cloud.google.com/firestore
https://codelabs.developers.google.com/
codelabs/firestore-android/

SCK Firestore at CNX

More Related Content

Similar to SCK Firestore at CNX

More from Somkiat Puisungnoen

Recently uploaded

SCK Firestore at CNX