Firebase Setup for your Flutter Project with FlutterFire CLI || Connect Flutter app with Firebase

hi guys hope you're doing well my name is Cheyenne and today we'll be talking about how to set up your flutter project with Firebase so a few months ago we saw that the Firebase changed their UI and added support for flutter when you create a project you see the flutter icon like this in the Firebase project overview so this support or this function gives us support to add both Android and iOS apps into our flutter Project without doing any Gradle of pretty upgradations and the things we needed to do beforehand when the first Port was not available on the Firebase so now the flutter support is here and it's quite easy to set up we just need a few things and we're good to go so on the first thing we need is flutter fire support so let's type flutter fire install our flutter fire installed so and open the first link all these are just boilerplate things go to the CLI installation and copy this and open your command prompt and paste it right here after this installation you see that they're giving us this command to paste and this command will allow us to see if our flutter fire CLI is installed or not let's wait for it to install first so now that it it's installed I should let you know that these npm commands these only work when you have node installed in your PC so for this command to work you will have to install node just Google how to install node or install node and the open the first URL they will give you a command like this let's say install node and just download the node and you're good to go install it and that's it so after that let's copy this command and paste it and see if your flutter file is working yeah it's it's there and it's working perfectly so let's Let It build some executable projects and it's done it's activated and that's it for some of the viewers or some people you might face error that flutterfire is not set up or flutter file is not configured so for that instance I will recommend you to just copy this path open your environment variable go to your paths new edit and just paste it right here like I did beforehand and that's it your flutter will start working you might have to restart your system or your CMD and that's it so after that go to your photo project and let me just open the project I want to set up so let's say I created a project named Firebase video change it to this enable it select an account and let's create the project so now that our flutter Firebase project is created let's click continue and this is our dashboard of the Firebase project let's click on flutter so we have installed the Firebase CLI we have installed the flutter SDK it should be installed when you're working on flutter let's click on next and copy this command go to your flutter project and paste it right here after that go to Chrome again and copy this command and paste it right here so as you can see that this is saying that the Firebase account that I have logged into my C system or with Firebase CLI is not same as the account that I am creating the project on so for this purpose I will have to login through my other account and create a project on that or I will have to give access of this project to my other account so let me do that and so we're back so now just do the process again click on flutter I all bring this command so I will don't have to run this command again I will just copy this paste it right here now it's giving me options to select which of the configuration I want if I want only Android and iOS let me just unselect the web with going to the web with arrow keys and pressing space now the Android and iOS will only set up and let's press enter so yeah that's it now just go to next and copy these foreign go to your main and paste these right here now it's saying that I don't have async and I don't have these Firebase core plugin installs so let's just install it and we're good to go so no it's done that's it your Firebase project is now set up and all of the configurations that we need is already done the Google services Json file is also available the build Gradle is also set up and for the iOS we can see that the Google service infobilist file is also there so thank you for watching guys please like And subscribe here and I will keep coming back with some views

Channel: Mr.Potato Gaming and Tech

Views: 235

Keywords:

Id: -MPlc19d7Fs

Length: 8min 46sec (526 seconds)

Published: Tue Sep 12 2023