Firebase

Introduction Microsoft is a big player in the enterprise environment. So here is how to log in from a Flutter Web App with a Microsoft organization account. Once the setup is complete, it works flawlessly! You have a Flutter Web App (no Android or iOS) and need to add the possibility that users can log in with their Microsoft organization accounts. It sounds like a rather simple task but it took me quite a while to solve it. To save you the trouble, here is how to log in from a Flutter Web App with a Microsoft account. ...

Introduction Firebase Hosting offers a neat feature to automatically deploy a web app to a preview channel when a new pull request is created on GitHub. With that feature, testers can verify changes and give constructive feedback while the productive web app is not affected. But without proper configuration, the GitHub Action can run into errors. So here is how to fix Firebase Hosting errors when using automatic deployment with GitHub. ...

Introduction Firebase offers several services for storing data, including Firestore, Storage, and Realtime Database. However, it can be difficult to keep track of which data belongs together across service borders. Use my approach on how to connect data between different Firebase services. It has worked great for me in the past! Unique indentifiers (UID) When using Firebase Authentication, you get a UID per user. We can use this UID to identify corresponding data sets that belong to this user across services. ...

Introduction The Firebase Console is the central hub for all Firebase services. Additionally, there are also some project management tasks that can be done with it. The ultimate guide for working with the Firebase Console explains everything you need to know about the following use cases: Adding apps Connect iOS, Android, Web, Unity, or Flutter apps to your Firebase project. Removing apps Remove connected apps again. Managing users Invite new people, change their roles, or remove them from the project. ...

Introduction During the Google I/O 2023 developer conference, Google announced countless new features and changes for Firebase. Several new AI-powered extensions have been published since then. Here is what the new firebase AI extensions can do for your apps. AI-powered extensions added to Firebase Extension Hub Chatbot with PaLM API The Chatbot with PaLM API extension provides an AI-powered chatbot that can answer user prompts like ChatGPT. The extension uses Cloud Firestore and listens for new documents in a configurable collection. Once a valid document is available, the AI generates an answer via Cloud Functions and writes the result back to the document. This extension is useful for developers who want to add chatbot functionality to their apps without building the entire infrastructure from scratch. ...

Introduction I built a WhatsApp clone with Flutter and Firebase in a few hours. Here is what I came up with. There are a ton of messaging apps available. Some well-known players are WhatsApp, Threema, Signal, and others. Apart from a messaging functionality, they provide many other features like group chats, file transmission, or data backup. In my little experiment, I tried to recreate the messaging feature that all apps use. My requirements were the following: ...

Introduction Save coding time by using Firebase Extensions and create an URL shortening service in minutes! Here’s the full guide. With a few simple steps, you can build your own personal URL shortening service. All you need is a Firebase account and a Bitly account. The setup involves no coding. To test the service, we will write a small Flutter app. Firebase offers a variety of extensions. The major benefit is that you gain functionality without having to code anything yourself. I already wrote a detailed article about it if you need more details. ...

Introduction With Firebase Extensions you can build a simple text translation app that does most of the work for you. There are many ways to build a translation app. In this article, I am going to show you how to use Firebase for that task. A Flutter app will transmit the text to be translated to Firebase and display the final result. We will use Firebase Cloud Firestore and a Firebase Extension called Translate Text for this purpose. ...