The Ultimate Guide to Adding Firebase to Your Flutter App in 2023 | Setup Firebase in Flutter

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
hello what is up everyone my name is Sagar and in this video I will show you how to add your Firebase to flutter app so without wasting any time let's start the video first of all you need to control shift p or command shift p and you need to go on this dot add dependency here I will add one package which is Firebase underscore core I will add this dependency or package into the pubspec.yaml uh it will take some time and it will be automatically added to our pubspect.ml okay after that you need to go to this main dot dot convert this void function to Future few share under less than bracket greater than bracket white Main and here I will add widget flutter binding dot ensure initialize why I am adding this line because I wanted to run flutter initialize the app for that you need to write this line before to run this run app okay after that I will write a bit why of it because this is a future method so I will add async here of it first I will need to import here the Firebase core Firebase underscore core okay here I will write Firebase Dot initialize this app okay I will initialize this app here so that it will initialize our Firebase app next you need to go to this um console.firebase.google.com here you need to create one project uh okay I will give this name uh flutter Firebase app okay I will accept this terms condition it will uh generate project for us first of all I will click on this Android uh here it is going to ask Android package name it is a application ID so for that you need to go to our build.gradle and you need to copy this um application ID and paste here I will give this application name uh flutter fireplace app here it is going to ask sh it is optional I will later on edit register on it then it will go into ask ask us to download this filer I will click on this download link it will download the file for us then you need to open this file in show in finder here it is going to show this file you need to just copy this file hover over it and just add here your app folder here it is your applique Json file okay then you need to go next here it is going to ask Firebase SDK so for that you need to copy this class path go to this Bill Dot Creator and he add here this line which will add a class path into our build.grader next you need to add this apply plugin to this app build.grader here I will add this line here like this okay two things you need to add you need to click on next and you are all set up continue on console and you need to save this file okay save this file then I I wanted to remove all the comments from this file so command shift p or Ctrl shift p sorry control F forward forward slash dot aesthetic you need to click on this aesthetic symbol drop down and replace it with the empty space I will deplet replace it with empty step I will give this name flutter Firebase demo oh flutter Firebase project I will remove this thing from it I don't need a counter okay I don't need this counter anything flutter fire Pace project okay uh then I will save this and run this app into my Android project letter run a few moments later so here it is our app successfully installed that means you have successfully added the Firebase in Android app so this is it next we will add IOS app into your flutter project uh so for that you need to click on this add app go to this iOS next you need to add your app bundle ID this is a bundle identifier so for that you need to right click this iOS open this in the xcode so here it is our xcode has been open so you need to go to this Runner okay sign in certificate and you need to copy this bundle identifier I will copy it and paste here given name Firebase or flutter Firebase IOS app IOS app I will register this app next you need to download this info playlist so you need to add this info playlist into the section first of all I will download this link download this file here it is going to ask me to save it I will open in the finder next you will get this info playlist you need to just paste this file here and you need to check mark this copy item if needed so that it will copy to this destination I will finish it okay here it is our Google service info playlist next on this next here it is going to you need to click on next next and continue to this console okay after that I will I just open this iPhone simulator here and I will click here flutter run and it will run our IOS app our flutter app in this iOS simulator a few moments later so if our app successfully run on the flutter IOS app that means our flutter iOS player successfully installed thank you so much for watching this video and if you have any doubt related to this Firebase installation please comment down below thank you so much and I will see you in the next video thank you [Music] foreign foreign [Music]
Info
Channel: AllTechSavvy
Views: 17,255
Rating: undefined out of 5
Keywords: alltechsavvy flutter, alltechsavvy, how to add firebase in flutter app, firebase in flutter app, setup firebase flutter app, firebase flutter ios, flutter firebase ios and android setup, flutter firebase setup, flutter firebase android setup, how to setup firebase in flutter, flutter firebase setup android, Flutter firebase setup android, flutter firebase setup 2023, how to setup firebase in flutter ios, flutter firebase 2023, flutter firebase setup for ios
Id: mAZ03PCp2ZI
Channel Id: undefined
Length: 7min 44sec (464 seconds)
Published: Tue Jul 11 2023
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.