Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Getting Started with Other Firebase Features
Search
Arnelle Balane
July 25, 2020
Programming
230
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Getting Started with Other Firebase Features
Arnelle Balane
July 25, 2020
More Decks by Arnelle Balane
See All by Arnelle Balane
Introduction to building Chrome Extensions
arnellebalane
0
150
Color Palettes Of The Most Colorful Birds
arnellebalane
0
150
Let's build a video streaming app using Web technologies
arnellebalane
0
170
Let's build a video calling app with Web technologies and Firebase!
arnellebalane
0
200
Ridiculous Scientific Names
arnellebalane
0
320
Fishes With Terrestrial-Animal Names
arnellebalane
0
170
Making the Web more capable with Project Fugu
arnellebalane
0
150
Frontend Web Development in 2021+
arnellebalane
0
200
Extending CSS using Houdini
arnellebalane
0
150
Other Decks in Programming
See All in Programming
為什麼你並不需要ViewModel / No, you don't need a ViewModel
lovee
1
500
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
330
AI Engineeringは、AIプロダクトだけのものか? 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
rkaga
4
490
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
4
1.7k
Go 1.27 における memory allocation の高速化
andpad
0
270
自動化したのに回らない テスト運用の壁―AI時代の品質責任と生産性
mfunaki
0
350
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
440
言葉の格闘技のススメ~紙とペンと言葉から始める、キャリアの描き方~
progresscicada
2
160
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
1
1.1k
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
freee
PRO
0
580
FDEが実現するAI駆動経営の現在地
gonta
2
290
in-process GraphQL のすすめ #ginzajs
izumin5210
4
1.4k
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
304
22k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
410
4 Signs Your Business is Dying
shpigford
187
23k
Claude Code のすすめ
schroneko
67
230k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.3k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
370
The Mindset for Success: Future Career Progression
greggifford
PRO
0
460
Agile that works and the tools we love
rasmusluckow
331
22k
A designer walks into a library…
pauljervisheath
211
24k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
How to Think Like a Performance Engineer
csswizardry
28
2.7k
Transcript
Software Developer, Newlogic Arnelle Balane @arnellebalane Getting Started with Other
Firebase Features
Arnelle Balane Software Developer at Newlogic Google Developers Expert for
Web Technologies I write about Web stuff on my blog, arnellebalane.com @arnellebalane
None
None
None
Prerequisites Necessary setup before we get started
Prerequisites Create Firebase project Go to the Firebase Console https://console.firebase.google.com
None
None
None
Prerequisites Install the Firebase CLI Installation Guide: https://firebase.google.com/docs/cli
None
None
Prerequisites Initialize Firebase
None
None
None
None
None
Prerequisites Add the Firebase SDK From Hosting URLs, the CDN,
or using module bundlers
None
None
None
None
None
Prerequisites More info Web setup documentation: https://firebase.google.com/docs/web/setup
Firebase Hosting
None
None
Different websites, but have access to the same Firebase resources
within the project Use case: Public-facing website, Admin panel Multiple Hosting sites https://firebase.google.com/docs/hosting/multisites
None
None
None
None
None
None
None
Firebase Hosting More info Documentation https://firebase.google.com/docs/hosting
Firebase Authentication
Google Play Games Game Center Facebook Twitter Email Phone Anonymous
Sign-in methods GitHub Yahoo Microsoft Apple
None
None
None
None
More authentication features at https://firebase.google.com/docs/auth Send confirmation and password reset
emails Account linking Upgradable anonymous users
None
Ready-made, drop-in UI library Implements complete user flows for all
Firebase Authentication sign-in methods Available for Web, Android, and iOS platforms FirebaseUI https://firebase.google.com/docs/auth/web/firebaseui
None
None
None
None
None
None
Firebase Authentication More info https://firebase.google.com/docs/auth https://github.com/firebase/firebaseui-web
Firebase Admin SDK
Interact with Firebase from your own server environment Firebase Admin
SDK https://firebase.google.com/docs/admin/setup
None
None
None
None
None
None
None
Firebase Admin SDK More info Documentation: https://firebase.google.com/docs/reference/admin
Cloud Firestore
NoSQL document database Keep data in sync across client apps
using realtime capabilities Offline support Cloud Firestore https://firebase.google.com/docs/firestore
vs Choose a Database https://firebase.google.com/docs/database/rtdb-vs-firestore
None
None
None
None
None
None
None
None
None
None
Cloud Firestore More info https://firebase.google.com/docs/firestore https://firebase.google.com/docs/reference/js/firebase.firestore
Firebase Security Rules
None
None
None
None
None
None
None
None
None
None
Authentication using Firebase Security Rules
None
Data Validation using Firebase Security Rules
None
Access Control using Firebase Security Rules
None
None
Firebase Security Rules More info Documentation: https://firebase.google.com/docs/rules
Custom User Claims
None
None
None
None
None
Documentation: https://firebase.google.com/docs/auth/admin/custom-claims Custom User Claims More info
Cloud Storage for Firebase
None
None
None
None
None
Documentation: https://firebase.google.com/docs/storage Cloud Storage for Firebase More info
Firebase Cloud Messaging
None
None
None
None
None
Patterns for promoting PWA installation https://web.dev/promote-install/
None
None
None
None
None
None
None
None
None
None
None
Documentation: https://firebase.google.com/docs/cloud-messaging Firebase Cloud Messaging More info
Firebase Performance Monitoring
None
None
None
None
Documentation: https://firebase.google.com/docs/perf-mon Firebase Performance Monitoring More info
Firebase Remote Config
None
None
None
None
None
None
None
None
None
None
None
None
None
None
Documentation: https://firebase.google.com/docs/remote-config Firebase Remote Config More info
Firebase Pricing
None
Documentation: https://firebase.google.com/pricing Firebase Pricing More info
Cloud Functions for Firebase
Automatically run backend code in response to events triggered by
other Firebase services Code is managed and run in Google’s cloud Cloud Functions for Firebase https://firebase.google.com/docs/functions
None
None
None
None
None
None
None
None
HTTP Functions
Callable Functions
None
Background Functions
None
Scheduled Functions
Documentation: https://firebase.google.com/docs/functions Cloud Functions for Firebase More info
Local Emulator Suite
None
None
None
None
None
None
None
Documentation: https://firebase.google.com/docs/emulator-suite Local Emulator Suite More info
Firebase Extensions
Pre-packaged functionalities that we can deploy to our apps quickly
Firebase Extensions https://firebase.google.com/docs/extensions
None
None
None
None
None
None
None
Documentation: https://firebase.google.com/docs/extensions Firebase Extensions More info
Authentication FirebaseUI Cloud Firestore Cloud Storage Security Rules Custom User
Claims Recap! Hosting Cloud Messaging Performance Monitoring Remote Config Cloud Functions Local Emulator Suite Extensions
Getting Started with Other Firebase Features Arnelle Balane That’s all
for today! Thank you!