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
0
180
Getting Started with Other Firebase Features
Arnelle Balane
July 25, 2020
Tweet
Share
More Decks by Arnelle Balane
See All by Arnelle Balane
Introduction to building Chrome Extensions
arnellebalane
0
80
Color Palettes Of The Most Colorful Birds
arnellebalane
0
95
Let's build a video streaming app using Web technologies
arnellebalane
0
110
Let's build a video calling app with Web technologies and Firebase!
arnellebalane
0
120
Ridiculous Scientific Names
arnellebalane
0
150
Fishes With Terrestrial-Animal Names
arnellebalane
0
130
Making the Web more capable with Project Fugu
arnellebalane
0
94
Frontend Web Development in 2021+
arnellebalane
0
140
Extending CSS using Houdini
arnellebalane
0
91
Other Decks in Programming
See All in Programming
Creating a Free Video Ad Network on the Edge
mizoguchicoji
0
120
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
受け取る人から提供する人になるということ
little_rubyist
0
230
A Journey of Contribution and Collaboration in Open Source
ivargrimstad
0
940
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
290
役立つログに取り組もう
irof
28
9.6k
シェーダーで魅せるMapLibreの動的ラスタータイル
satoshi7190
1
480
2024/11/8 関西Kaggler会 2024 #3 / Kaggle Kernel で Gemma 2 × vLLM を動かす。
kohecchi
5
920
TypeScript Graph でコードレビューの心理的障壁を乗り越える
ysk8hori
2
1.1k
よくできたテンプレート言語として TypeScript + JSX を利用する試み / Using TypeScript + JSX outside of Web Frontend #TSKaigiKansai
izumin5210
6
1.7k
cmp.Or に感動した
otakakot
3
190
Tauriでネイティブアプリを作りたい
tsucchinoko
0
370
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Optimizing for Happiness
mojombo
376
70k
Music & Morning Musume
bryan
46
6.2k
BBQ
matthewcrist
85
9.3k
The Language of Interfaces
destraynor
154
24k
Speed Design
sergeychernyshev
25
620
How STYLIGHT went responsive
nonsquared
95
5.2k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
410
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Building Your Own Lightsaber
phodgson
103
6.1k
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!