Firebase - The Best (free-ish) Platform for Personal Projects, Prototypes, and Enterprise Apps

Come learn about Firebase, built on top of and ran by Google Cloud Services. Firebase has numerous ala carte tools and services.

Firebase Services:
-Authentication (user auth store out of the box)
-Database (Firestore and Real-Time, NoSQL style)
-Storage (Google Cloud storage bucket)
-Hosting (website hosting w/ HTTPS out of the box)
-Functions (Serverless Functions)
Come learn about how you can quickly get started, and utilize some of these tools in your next project.

Transcript

1. Firebase The Best (free-ish) Platform for Personal Projects, Prototypes, and Enterprise Apps Jared Potter
2. Thanks to UtahJS Conf Organizers and Sponsors 2
3. 3 FREE STICKERS
4. 4 Slides and Code Available (also available at end) Slides: speakerdeck.com/jaredpotter https://github.com/JaredPotter/ firebase-utahjs-conf-2019 Code:
5. Expectations • What is Firebase? • About Getting Started Hyper-Fast • Firebase Core-Services Preview • Live Demo (please pray) 5 Presentation Is: Presentation Is NOT: • Deep-Dive on Firebase services • ML, Crashlytics, Performance, Test Lab, Dashboard, Events, Conversions, Audiences, Funnels, User Properties, StreamView, Predications, A/B Testing, etc, etc
6. Who Am I - Jared Potter 6
7. 7 2018 2019 Hiking - Mount Olympus
8. Firebase The Best (free-ish) Platform for Personal Projects, Prototypes, and Enterprise Apps Jared Potter
9. Would You Rather Spend Time… 9 Fixing Deployment Issues Configuring Custom Auth Stores Building Real-time Database Solution Using a Physical Server in 2019 OR… Actually Building your Apps
10. The Solution 10
11. What Is Firebase? 11
12. What Is Firebase? 12 Firebase is a cloud based platform that provides a unified backend Backed by Google Cloud Platform (GCP) Core Services: •Authentication •Databases •Functions (Serverless) •Storage •Web Hosting
13. 13 Authentication Hosting Functions Database Storage
14. Let’s Jump Right In 14
15. Create First Project 15
16. Create First Project - Cont 16
19. Create First Project - Cont 19
21. Create First Project - Cont 21
23. Create First Project - Cont 23
26. 26 Building, building, building…
28. Authentication Challenges 28 •Security •OAuth 2.0 •Scalability •Features
29. Firebase Authentication 29 • 5-Click Out-of-The-Box Authentication Solution • Enterprise Grade Security • Features: Email Verification, Password Reset, SMS Verification • OAuth 2.0 Providers - Google, Facebook, Twitter, GitHub, Yahoo, Microsoft, etc. • Firebase SDKs for Web, Mobile, C++, Unity
30. Authentication Dashboard 30
31. Authentication Dashboard 31
32. 32 Authentication Dashboard
33. 33 Security Rules For Database, Storage
34. 34 Security Rules For Database, Storage
35. Database Challenges 35 •Security •Real-Time Functionality •Input Sanitation •Decentralized Data •Scaling •Flexible & Performant Interfaces
36. Databases 36 2 Options •Real-Time (legacy) •Firestore (recommended)
37. Database - Firestore 37 • NoSQL Style - Represented as Collections and Documents • Real-Time Functionality • Very Expressive Queries • Pagination • Offline Store • Firebase Authentication Rules • Firebase SDK
38. 38 Firestore Query Example
39. Firestore Dashboard 39 Query Data
40. 40 Query Data from Dashboard
41. Storage Challenges 41 •Security •Decentralized Data •Scalings
42. Firebase Storage 42 • Storage Bucket • Firebase Authentication Rules • Signed URLs- Expiring public URLs • Firebase SDKs - Upload Files with Upload % Progress
43. Firebase Storage Dashboard 43
44. Hosting Challenges 44 •Security •Deployment •DNS •Scalability •SPEED! •Random Hosting Problems
45. Firebase Hosting 45 • 2-Command Deployment • Free HTTPS • Easy DNS Setup • Multi-Tenancy ๏ Multiple Apps per Firebase Project
46. Hosting Dashboard 46
47. Hosting Dashboard 47
48. Hosting Dashboard 48
49. Server Challenges 49 •Hardware •Software •Always-On •Availability •Scalability
50. Server Challenges 50 •Hardware •Software •Always-On •Availability •Scalability
51. (Serverless) Functions 51 • What is a Function? • Pure Awesomeness! • A Function You Call But In The Cloud • Server is only running while in use, and then cools down • HTTP Triggered Functions • Time Triggered Functions
52. Firebase (Serverless) Functions 52 • Firebase Functions • Runs Node 8 & 10 (beta) • Native TypeScript and JavaScript • Cronjobs - Time Trigged Functions
53. Firebase (Serverless) Functions 53
54. Functions Dashboard 54
55. Live HTTP Function 55
56. DEMO TIME 56
57. 57 Challenge Time! •New to Firebase? •Somewhat familiar to Firebase? •Expert* to Firebase?
58. Firebase - Looking Forward 58 “Customers can expect to use the Seoul region in early 2020, followed by the Salt Lake City region shortly thereafter.”
59. Thank You! 59
60. 60 Come Get Free Stickers! Have Questions? Please come Ask Me :) Connect: Email: jaredpotter1@gmail.com Twitter: @jaredpotter Slides and Code Available Slides: https://speakerdeck.com/jaredpotter Code: https://github.com/JaredPotter/firebase-utahjs- conf-2019