Firebase Setup in Flutter CLI || Firebase CLI

hey everyone welcome to another flutter tutorial in our previous video we learn how to manually set up Firebase for iOS Android and we this process takes more time and is likely to cause error on different platform to solve this we are going to learn about flutter fireb clii which allow us to set up Firebase on all platform at once easily Firebase CLI provide us an easiest way to set up our flutter project with Firebase in AB platform I have created a brand new flutter project you can use your existing project as well or create a new project after your project is ready now I have dives into the Firebase first login your Firebase with your account and a a project give your project name continue again continue and select a default account create project it takes some time wait until it now harest project is ready we can manually set up our flutter project with Firebase in our iOS device Android device and web app but now we have set up our flutter project with Firebase using the CLI in every platform at once now we read this the easiest way to get you started is to use the flutter fire CL before you continue make sure first we need to install the fireb CLI in our system click on there it provide all the instruction that we need to do first Windows you can install the fireway CLI for window using one of the following option Standalone binary and npm npm is the best way npm support in every operating system first we need to download the N Go to the official njs website and download it select your operating system and just click on download button you can easily download the njs there is no need to set up just you need to download and install it after you have installed the Nord you need to npm the same for Mac OS and Linux as well this is the best way in in Mac OS and Linux there is autoinstall script is available it takes more time to install npm ascept in every operating system that's why in this video we have set up our project with Firebase CLI by using the npn copy this command and it in your terminal keep in mind you already need to install the no in your system it takes some time to have wait until it you can see we have successfully installed the npm in your system you face some other information as well I have already installed npm that's why it only update the npm for me after we have installed the npm now we have login and teste the Firebase CLI copy this command Firebase login and hit it can see I have already login it provides my email address if you have not login it navigates you to the Firebase login and it navigate you to the Firebase and you need to just log in after that Firebase project List It displayed the list of project that we have created in our Firebase now I go to the documentation and let's see I think that's it I have back in Firebase next and for any directory run this command copy this command and and we have run this it also takes some time it show the warning but this warning doesn't hamper our project and we have terminate terminal because this command we need to paste this command in our projector root directory we have copy this command from here and we have paste it in our project root directory let's we have install this by hitting this two line of command I'll provide you this two command in video description after we have installed this copy this command again and paste it here ping available Firebase project it all add the Google service. Jon it also maintain the pink version and everything when we don't need to do anything it's already done everything that we have need to do and which platform should you configure we need to configure all this platform if you don't want to need setup in any platform just slick by using the arrow key and press the space but I need to set up in all platform and just hit the enter can see Android iOS web Windows and Mac OS after that you need to provide your application ID location of this application ID is inside the app level build. grad file you can copy from there and paste it after you have provide the application ID and hit enter it look like this in just a second it is successfully set up the Firebase in Android iOS Mac OS web and the windows it provide the platform Firebase F ID it also create a Firebase option. file inside this we need to inside this file we need to add the Firebase code four package after successfully adding the package we have check our required file that is automatically generated by fireway CI you can check every of the file Google service. Json build.gradle file inside the plugin portl version and in iOS you can also check the info. fil Google service. info. FIS file all file are automatically generate by fireb CLI first we check on iOS device it is correctly set up or not before that we need to initialize the Firebase inside the main function and we have copy the some initialized Firebase code that is provided by Firebase itself and import the plugin and Firebase option do. file inside the main file and finally we run our project first in iOS device we have faced the error the plugin fireway score require the higher minimum iOS deployment deployment Target to at least 13. Z we need to change a iOS version increase the 12 to 13 version and again we try to run our project let's hope this time our project is successfully run it is working on iOS let's we try on web in web version it is also successfully run in our web platform I check only on web and iOS you can easily try it in other platform as well it is the same process let's end the today's video I hope you have learned from today's video thanks for watching

Channel: WTF Code

Views: 1,375

Keywords: flutter, wtf_code, wtf code, whatilearntoday, flutter ui, firebase setup in flutter cli, firebase, firebase cli, flutter firebase setup using flutterfire cli, connect flutter with firebase using flutterfire cli, flutterfire cli install, install firebase cli on mac, firebase cli flutter ios, flutter firebase ios and android setup, firebase cli flutter android, firebase cli flutter web, day99, 100daysofcode, flutter firebase

Id: 1kN-Je4WBes

Length: 8min 1sec (481 seconds)

Published: Thu Jun 06 2024