GDSC NYCU 在本次課程中，我們特別邀請到在關鍵評論網擔任集團整合長的李致緯先生，為我們講解 Firebase 的基礎理論和操作技巧，讓學員們能在接下來的專案當中，對 Firebase 有更深一層的理解和實作經驗。 Firebase 現在無疑已成為 app 開發者最愛的後端服務平臺（Backend as a Services，BaaS）之一，從後端到分析，Firebase 已是眾多開發者的熟悉工具，透過此次的教學，學員們可以更加理解 Firebase 在實務上的操作以及業界的應用，本次特別邀請有多次技術分享經驗，同時在關鍵評論網擔任集團整合長的李致緯先生，來帶大家一探 Firebase 的世界！同時學習到更多實用技能！

1. Richard Lee, Google Developer Expert for Firebase
Firebase & 快速打造 MVP
March 2023 @ GDSC NYCU

2. Google Developer Expert
• 在學創辦愛料理＆INSIDE
• Google Developer Expert
• LINE API Expert
• 聯絡我：@dlackty
Richard Lee

5. 哪些 Google 技術
可以快速幫助打造 MVP？

7. Firebase 百寶箱有很多⼯具
可以開發、或是發展你的服務

8. 做專案的秘訣：
去找 Google Codelabs 範例抄

9. What Firebase can help you?
From build, to grow & enhance your app
• Develop
• Host your web app
• Store your data
• Enhance
• Make your app stable
• Analyze app usage
• Grow
• Remotely update UI or con
fi
gs
• Run A/B testing

10. Host your app

12. Firebase Hosting
Super easy and fast hosting
• Backed by Google’s global network
• Suitable for all kind os front-end frameworks (Angular / React / Vue)
• Free custom domain & SSL support. Tra
ffi
c: 360 MB/day, $0.15/GB
• Need some backend logics?
• Integrate with Firebase Cloud Functions (Node.js)
• Integrate with Cloud Run (Docker-based environment)

14. Store your data

16. Cloud Firestore
If you know MongoDB, you know Firestore
• One of the best “serverless database” available in the world
• Support all major platforms across web & app
• Schema-free, store whatever you want
• Built-in o
ffl
ine support, and realtime sync between devices
• Integrate with other Firebase products well

17. import { collection, addDoc } from "firebase/firestore";
try {
const docRef = await addDoc(collection(db, "users"), {
first: "Ada",
last: "Lovelace",
born: 1815
});
console.log("Document written with ID: ", docRef.id);
} catch (e) {
console.error("Error adding document: ", e);
}
Add data via Firestore

18. import { collection, getDocs } from "firebase/firestore";
const querySnapshot = await getDocs(collection(db, "users"));
querySnapshot.forEach((doc)
=
>
{
console.log(`${doc.id}
=
>
${doc.data()}`);
});
Read data via Firestore

19. Make your app stable

21. Firebase Crashlytics
Lightweight, realtime crash reporter
• The leading crash reporting service on Apple, Android, Flutter, and Unity
• Easy to integrate, takes less than 10 mins
• Receive realtime crash report via Email or Slack
• Try to keep 99% crash-free sessions
• Native integration with Android Studio & Google Play

23. Analyze app usage

25. Google Analytics (fka Firebase Analytics)
De-facto standard for app/web analytics
• Firebase’s Analytics product now becomes Google Analytics 4
• Google Analytics is the most used analytic app by internet professionals
• The legacy Google Analytics will be end-of-life on July 1, 2023
• You can analyze cross platforms usage and reduce duplications
• Powered by Google Signals
• Di
ff
erent platform installed as “streams” of events into same GA property

29. Remotely update UI or configs

31. Firebase Remote Config
Change behaviors or UI without publishing an app update
• It works on native apps and also web!
• Basically it just a remotely fetched key-value dictionary
• With ability to provide di
ff
erent value for di
ff
erent kind of audiences
• We actually use it for “lightweight APIs”
• Banner / copywriting management for marketing
• Dynamically enable features for a speci
fi
c period of time (e.g. LNY)
• Caution: The update might not be real-time. Be careful to add critical logics!

33. Run A/B testing

35. Firebase A/B Testing
A/B testing for various Firebase features
• To use A/B testing, you need Google Analytics
• For measure and targeting
• Then Firebase A/B testing will help you
• Split targets into groups
• Run experiments with di
ff
erent values
• Calculate the winning variant

37. Takeaways
So many features covered in this session I know…
• The must haves
• Firebase Crashlytics - Try to make sure you have 99% crash-free sessions
• Google Analytics - De-facto standard for app/web analytics
• Nice to haves
• Firebase Remote Con
fi
g - Save time APIs for marketing or testing
• Firebase A/B Testing - Easy way to do A/B testing right
• Others: Depends on your cases

38. What others Firebase can help you?
Some advanced use cases
• Firebase Messaging
• Send push messages
• Show in-app prompts
• Firebase Authentication
• Let user login with email / phone
• O
ffi
cial support Google / Facebook
• Community support LINE / ETH
• Firebase Test Lab
• Real devices on cloud for testing
• Firebase Dynamic Links
• Shortened URLs
• Deferred deep links to your app
• Firebase Extensions
• Pre-packaged solutions

39. Final remarks
As a student developer, please don’t miss some good things
• GitHub Student Developer Pack - Free domain / cloud / tools
• Google Summer of Code - Learn from open source experts
• Google Developer Student Club - Yes, this event
• Internship - The best chance to get into dream companies
• Graduate level courses - Make you di
ff
erent than others

40. Q&A

41. 謝謝！