Simplest way to Setup Firebase in Flutter - Flutter Firebase Setup 2023

Today we are going to learn how to set up Firebase  in our flutter application we are not going to use   the old method which in which we have to download  the files and upload in the root directory we   don't know the current status what's going on we  just have to go through the five basic steps and   our application will be connected so before  starting today's tutorial those who are new   we are creating a flutter login application and  our design is completed as you can see the design   portion is completed but today we are basically  going to start the backend portion you can get   the design from the description below and also  the playlist link from the description below to   watch previous as well as upcoming videos and if  you're new Please Subscribe and hit the Bell icon   to get notified about the latest videos and as  the backend you can see we are going to set up   our flutter project today then we will learn all  these things step by step so let's start with   today's tutorial you can see we need these steps  to set up our flutter Firebase project first we   have to create the photo project then we have to  install the Firebase CLI using a CLI we will login   to our Firebase then we are going to activate that  flutter CLI that we have downloaded and then we   are going to run the flutterfire configure command  these are the few commands that we have to run and   at the end we are going to add the dependency  in our project and we are good to go so let's   get started well the first step is to create  the flutter Firebase project so first of all   you have to open the firebase.google.com click  on go to console in here we have to add a new   project so click add project name your project  click continue and in here if you need Google   analytics for the basic purpose we don't need  it and for the professional application you are   going to use the Google analytics then it must be  selected otherwise we don't need it create project   so our project is created click continue okay now  we have to add the Firebase to our application so   for that we have iOS Android and web unity and  flutter so we are going to set up it for flutter   so click over here now you can see the first thing  is the CLI which is our second step so let's click   it open it a new tab okay to set up the Firebase  CLI you have to select your options I am using   Windows and in here you can choose stand-on binary  which is a DOT XG this is actually causing issues   in setup and I got many questions about that  this trend on binary is not working so this is   basically dot XG file you can download it from  here but we are going to use the npm which is   recommended so for that we just need to add  node.js to run this command so click on node.js   open it a new tab download this recommended  for most users so once the file is downloaded   you can see over here you just have to run it and  install the node.js okay once the node.js has been   downloaded and installed just copy this command  which is to install the Firebase tools open any   command from those shell just run this command hit  enter so here you can see change 657 packages and   auto trade with the 658 packages in one minute so  once it's done minimize it we can close the CLI   and the next step is we have to run the Firebase  login okay open the command prompt again paste   the Firebase login hit enter and it's going to  ask you that it want to collect CLI and emulator   should usage reporting error if you want to allow  then enter the Y otherwise I'm not going to allow   it so enter n for now hit enter it's going to  pop up a new screen and asking you to choose an   account so you can choose your account just make  sure that this is the same account from where we   have created our Firebase project click allow and  you can see Firebase here I login successful close   the window and back over here and you can see  successfully login okay after that we have to   install the photos TK which is already installed  if you still have not installed the first SDK you   can watch the video link is in the description to  install flutter and also I am considering that the   flutter project is created if not you can again  watch the previous video click next then once we   are logged in we have to activate the filter CLI  copy this command again open the command prompt   and now we have to activate flutter fire CLI hit  enter once done you can see installed executable   fluttifier and activated flutter fire CLI and this  is its version so now we have activated our flat   profile CLI okay anyway one more thing that if you  get any warning related to Pub installs executable   into some specific path and then you can fix  that by adding that directory into your systems   path environment variable then you can easily  configure it using press the Windows button to   open the start menu or open search you just have  to write EnV for the environment variables right   environment variables click on this the system  properties will be appeared inside the advanced   mode you will click on a warmer variables and  here you can see we already have a path created   if not you can click on new name it path and you  have to paste the path that was appeared inside   the command prompt I have already a path created  so if already path is created click on edit and   inside this was the path that I have to paste you  just have to click on new paste the path click OK   again click OK and that's it that Arrow will be  gone okay now there are two ways to configure this   project you can see it is saying that you have  to go towards the root of your shutter project   directory and run this command we cannot run  this command globally but we have to go to the   root of your project and we can run this command  so there are two ways I'm going to show you both   so just have to copy flutter file configure copy  it open the project we are already working on   login Twitter application and you can get the same  design from description below and in here you just   have to open the terminal and you can see we are  pointing towards our current project and in here   we are going to run the command which is better  fire configure we are already logging and hit   enter and you can see it's fetching available  Firebase projects and these are the bunch of   projects that I have created in this Gmail account  that I have connected you can use the down arrow   or up Arrow to select the projects we have the  flutter login application project hit enter and   then you can want to if you want to choose any  other platform Android and iOS by default selected   because it's separated you can use the spacebar to  select and unselect any of the option so I'm going   for the Android and iOS settings you can see she  is saying that registered a new Firebase Android   app on Firebase project this was the ID open the  browser and you can see it was previously saying   flutter file configure we can directly run this  command which is again flutter login app and this   is the project ID so it have automatically created  and it has installed the Android and iOS from the   same ID and you can see these are the IDS which  already has been configured once done go back   open the browser again and this automatically  registered your this is this click on next we   know the last step is we need to add a Firebase  core inside our project which is a package to run   all the commands so let's copy it go back over  here you can simply install the prospect.ml you   can find the latest package but recommended way  is use this command flutter pop add Firebase 4   it enters okay you can see Firebase core in the  latest version has been added so at the last you   can click on this pocket or you can run flutter  pop get update the dependencies and that's it we   are connected with our Firebase and to see if we  are are connected or not you can see we already   have a file which is a Firebase options go back  to the browser hit continue to console and then   here we are going to use the cloud firestore  and over here inside this build method we have   a file store database and also you're going to  use the authentication so we have both options   over here open the file store click on create  database and this is what we are going to learn   in our next tutorial in which we are going to  learn how to store data inside the file store   we're going to use our sign up screen to collect  all the data from user and we are going to store   the data inside our firestore we will learn what  is firestore and how the queries work inside the   firestore what is collection what is document  and also we are going to learn the comparison   with the firestore and normal SQL which most of  the people are familiar with so at last just for   the confirmation when you click on this project  overview you can see we have two apps which are   connected with our flutter login application  the one is the Android and second one is an   iOS so that's it for today's tutorial I hope you  learned something new you if you learn something   new please like the video and if you're new to  this channel don't forget to subscribe and hit   the Bell icon to get notified about latest updates  thank you for watching take care Allah always

Channel: Coding With T

Views: 59,672

Keywords: firebase, firebase setup in flutter, firebase setup 2023, flutter firebase 2023, flutter firebase setup, flutter firebase setup 2023, set up firebase with flutter, setup firebase in flutter, setup firebase flutter, flutter firebase setup android, flutter firebase android setup, flutter firebase ios and android setup, how to setup firebase in flutter, coding with tea, setup firebase in flutter 2023, firebase flutter setup 2023, firebase flutter 2023

Id: fxDusoMcWj8

Length: 8min 34sec (514 seconds)

Published: Wed Oct 19 2022