What's New in Firebase 2024

Learn about Firebase's new and updated services, which enable you to build, deploy, and optimize production-ready gen AI apps.

Video https://youtu.be/UFbyRZK9Eyg

Transcript

1. Jirawat Karanwittayakarn Google Developer Expert in Firebase What’s New in Firebase
2. Google I/O Extended 2024 Bangkok
3. Google I/O Extended 2024 Bangkok Build Auth Cloud Functions Cloud Firestore Cloud Storage Extensions Realtime Database Hosting ML App Check Remote Config A/B Testing App Distribution Crashlytics Performance Monitoring Test Lab In-App Messaging Analytics Cloud Messaging Run
4. Google I/O Extended 2024 Bangkok Vertex AI Vertex AI for Firebase
5. Google I/O Extended 2024 Bangkok Firebase App Check Vertex AI Gemini API Vertex AI for Firebase
6. Google I/O Extended 2024 Bangkok Gemini API in Vertex AI App Check server proxy Client SDKs Vertex AI for Firebase
7. Google I/O Extended 2024 Bangkok Firestore
8. Improve the results of LLMs by enhancing the prompt RAG
9. Google I/O Extended 2024 Bangkok Product documentation Topic 1 Topic 2 Topic 3 Topic 4 Topic 5 Topic 6 Topic 7 Topic 8 Question Answer Generator / LLM Topic 2 Topic 5 Topic 7 Retriever ✔ ✔ ✔ RAG
10. What are vector embeddings? RAG
11. Google I/O Extended 2024 Bangkok In this approach we create an anthemic opener showing real people using A.I. to do amazing things. This can be everyday people Sweetness Crunchiness Spiciness Apple 0.8 0.6 0.1 Banana 0.9 0.2 0.1 Ice Cream 0.95 0.3 0.05 Jalapeno 0.1 0.2 0.9 Carrot 0.4 0.8 0.1 Potato 0.4 0.3 0.1 Finding near vector values Dimension 1: Sweetness Dimension 2: Crunchiness Dimension 3: Spiciness RAG
12. Google I/O Extended 2024 Bangkok You can now store and query vector embeddings of data in your Firestore database Firestore Vector Search Firestore
13. Google I/O Extended 2024 Bangkok import { Firestore, FieldValue, } from "@google-cloud/firestore"; const db = new Firestore(); const coll = db.collection('coffee-beans'); await coll.add({ name: "Kahawa coffee beans", description: "Information about the Kahawa coffee beans.", embedding_field: FieldValue.vector([0.1 , -0.2, 0.99]) }); Writing a vector embedding to Firestore Firestore
14. Google I/O Extended 2024 Bangkok Have multiple Firestore databases in a single project to minimize serving latency and maximize data privacy. Multi-DB Firestore
15. Google I/O Extended 2024 Bangkok Get the document count for a query or collection, or the sum or average on a field in there, without reading the individual documents. Aggregations Firestore
16. Google I/O Extended 2024 Bangkok Have range and inequality conditions on multiple fields in a single query. Multi-fields range conditions Firestore db.collection(“car”) .whereLessThan(“price”, 40) .whereGreaterThan(“rating”, 3)
17. Google I/O Extended 2024 Bangkok Firebase NoSQL databases since 2012
18. Google I/O Extended 2024 Bangkok Firebase Data Connect
19. Google I/O Extended 2024 Bangkok PostgreSQL Cloud SQL
20. “You write the queries. We do the rest.” Firebase Data Connect
21. Google I/O Extended 2024 Bangkok Right-click and select ‘Replace image’ Firebase Data Connect
22. Google I/O Extended 2024 Bangkok Define your data model and the queries in GraphQL Declarative data model query GetUsers @auth(level: USER) { users { uid first last } } type User @table(key: ”uid”) { uid: String! first: String! last: String! email: String! } Firebase Data Connect
23. Google I/O Extended 2024 Bangkok SDKs Database API server Firebase Data Connect
24. Google I/O Extended 2024 Bangkok Firebase Data Connect import davideast.DemoConnector import davideast.ListUsersQuery val connector = DemoConnector.instance val response = connector.listUsers.execute() val firstUser = response.data.users.first() val firstName = firstUser.first Type-safe libraries Client code can be generated for multiple platforms in a type-safe manner.
25. Google I/O Extended 2024 Bangkok Firebase Data Connect Stay in sync from backend to front. Model changes type User @table(key: ”uid”) { uid: String! first: String! last: String! firstName: String! lastName: String! email: String! } val firstUser = response.data.users.first() val firstName = firstUser.first val firstName = firstUser.firstName
26. Google I/O Extended 2024 Bangkok Relations type User @table(key: ”uid”) { uid: String! firstName: String! lastName: String! email: String! } Define relationships between types in your schema type Order @table { customer: User! total: Float! name: String! } Firebase Data Connect
27. Google I/O Extended 2024 Bangkok Firebase Data Connect pgvector and embeddings mutation UpdatePizza($ref: String!, $description: String!, ...) { pizza_upsert(data: { ref: $ref, # ... description: $description, embedding_embed: { model: "textembeddinggecko@003", text: $description } }) }
28. Google I/O Extended 2024 Bangkok Firebase Data Connect Vector similarity search query SearchPizzas($query: String!, $ingredient: String) { description: description_embedding_similarity( compare_embed: { model: "textembeddinggecko@003", text: $query }, where: {ingredients: {includes: $ingredient}}, limit: 5 ) { ref, name, description } }
29. Google I/O Extended 2024 Bangkok Firebase Genkit
30. “An open source framework that helps you build, deploy, and monitor AI-powered apps” Firebase Genkit
31. Google I/O Extended 2024 Bangkok Firebase Genkit Easily put together the AI components Reduces the complexity of integrating AI components by giving you plugins and templates
32. Google I/O Extended 2024 Bangkok Plugins Integrations with AI models, vector databases, and more Firebase Genkit
33. Google I/O Extended 2024 Bangkok Developer tooling Run, evaluate, and debug your AI features locally Firebase Genkit
34. Google I/O Extended 2024 Bangkok Firebase App Hosting
35. “Build and deploy modern, full-stack web apps” Firebase App Hosting
36. Google I/O Extended 2024 Bangkok Connect App Hosting to your GitHub repository using the Firebase console or CLI. When it's time to deploy, push your changes to GitHub and watch App Hosting roll them out to production. Roll out to production with a simple 'git push' Firebase App Hosting
37. Google I/O Extended 2024 Bangkok No-config-needed build support for Angular and Next.js Firebase App Hosting Framework aware
38. Google I/O Extended 2024 Bangkok Apps are built with Cloud Build, served on Cloud Run with automatic scaling, and cached in Cloud CDN. Integrated services like Cloud Secret Manager keep your API keys safe. Firebase App Hosting App Hosting is powered by Google Cloud
39. Google I/O Extended 2024 Bangkok Firebase App Hosting App Hosting Dashboard Track each version of your web app to the exact git commit it was built with.
40. AI Assistance in Firebase Gemini in Firebase Gemini
41. Google I/O Extended 2024 Bangkok Answers questions about Firebase products and features Generates and explains Firebase code for faster development Offers troubleshooting support to improve app quality Gemini in Firebase
42. Google I/O Extended 2024 Bangkok Gemini in Crashlytics
43. Google I/O Extended 2024 Bangkok
44. Google I/O Extended 2024 Bangkok Firebase Test Lab
45. Google I/O Extended 2024 Bangkok Firebase Test Lab Android Device Streaming
46. Google I/O Extended 2024 Bangkok Firebase Remote Config
53. Remote Config A/B Testing App Distribution Crashlytics Performance Monitoring Test Lab In-App Messaging Analytics Cloud Messaging Run Build Auth Cloud Functions Cloud Firestore Cloud Storage Extensions Realtime Database App Hosting Genkit Data Connect Hosting ML App Check
54. “Making your app the best it can be” Firebase
55. Thank You @Jirawatee Google Developer Expert in Firebase