How to Add Firebase To your Flutter App

[Music] welcome flutter developers today we will learn to add Firebase to our application Firebase is a powerful platform offered by Google providing a suite of tools and services to develop highquality apps quickly let's take a quick look at some of its key features Firebase hosting easily deploy your web apps and static content with Firebase hosting ensuring a reliable and fast experience for your users Firebase realtime database build reactive real-time applications by storing and syncing data in real-time across all connected devices it's perfect for building collaborative apps live chat features and more Firebase authentication simplify user authentication with Firebase off offering multiple authentic ation methods like email/ password social logins and phone number authentication all backed by Google's robust security infrastructure Firebase cloud storage store and serve user generated content such as images videos and audio files with Firebase cloud storage it's secure scalable and seamlessly integrated with Firebase Services Firebase Cloud fir store fir store is a flex able scalable database for mobile web and server development it offers powerful querying real-time updates and offline support the first step go to a browser and search for the Firebase website in some regions VPN may be required for Access navigate to the Firebase console and create an account this is your gateway to firebases Sweet of powerful tools once you're in it's time to create a new Firebase project give it a meaningful name and select your preferred analytics settings and you should choose as analytics options don't do anything go to the other page click on I accept the Google analytics terms click create project and wait with your project created let's move on to step two after creating the project you must choose the platform is it Apple Android or web there is also a flutter option that you can choose but choose Android and follow the instructions register your app by providing your app's package name you can find this in your flutter projects androidapp build.gradle file for Android copy the application ID and paste it here optionally you can also add other information like your app's nickname and debug signing certificate sha1 to know what it is go to the terminal you must be inside the project path then move the Android file via the CD command then type this command in wait of course I will put all the commands and websites in the video description adding the debug signing certificate sha1 to your flutter project is important for several reasons authentication and push notifications after registering your app Firebase will generate a configuration file for your app download the appropriate configuration file for your platform for Android this file is named Google services. Json for iOS it's named Google service info.plist after copying the file go to Android back slapp and paste it this is a file that contains the basic settings for connecting your Android app to Firebase Services click next to go to add Firebase SDK here choose the second option and then scroll down copy this line and navigate to the Android /b build.gradle file add the line here and at the end of it edit the last version make sure Google is here too go back to the Firebase console and copy these two lines then navigate to the androidapp build.gradle paste it here copy this line scroll down to dependencies and paste it inside and this line too save the changes made to to the build.gradle files by following these steps you have successfully added Firebase SDK dependencies to your flutter project and integrated the Google services Gradle plug-in now go to a browser and search for the pub. website and search for Firebase core Firebase core required for all Firebase Services go to pubspy yaml and install that package now go to main file to edit on main function marking the main function is asynchronous with the async then initialize flutter bindings before running any flutter code with widgets flutter binding. inure initialized and initializes Firebase services in your flutter app by await Firebase do initialize app don't forget import Firebase core let's try if there are any errors run your flutter app to ensure Firebase is successfully integrated we must update the cotland Gradle plugin to the latest version and there is a link that takes us to find a suitable version open the link on a browser here we see the version and when it will be released I will use the latest version let's go to Android build.gradle and modify it manually from 1.7.10 to 1.9.2 now run the project again this is a common error that I encountered now so that you don't face the same error go to Android back/ build.gradle and modify the Google services version from 4.4.0 to 4.3.5 or 16 now run the project again now you're ready to start using Firebase services in your flutter app we hope you found this tutorial helpful in understanding and don't forget subscribe and see you in the next video

Channel: AK Flutter

Views: 1,778

Keywords:

Id: mywigMP5hFY

Length: 7min 39sec (459 seconds)

Published: Wed Feb 07 2024