How to connect Latest Firebase with flutter | Install and Run FlutterFire CLI

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
hello and welcome to our youtube channel in this video we will cover how to connect firebase with flutter through a single command so this is our app we will connect this app with firebase so go to your browser and search firebase.google.com click on get get started click on add project give it any name click on continue and create project continue so our firebase project is created now we will connect flutter with it so for that click on flatter icon it shows the instruction so first we will install firebase cli click on firebase cli now we have windows so you will click on windows scroll down and click on firebase cli binary for windows so firebase cli is downloading we will wait until this complete it's completed now we will open this file it will take a little bit time so after this it requires firebase login reply with y allow access login with the account which we have created the firebase project we have login successfully and now we will install node.js if you have already installed it then you can skip this step download the current version download completed so we will open this click on next next next next next install finish it now we will install firebase tools so for that come to the cmd and run the command npm install dash g firebase dish tools if it didn't work in the first attempt let's run it again now we will set environment path variable for firebase so for this go to c drive click on users click on your username now we will have to go to app data click on local click on pub cache bin and copy this path search for environment variable click on environment variables and under system variables click on path click on edit and add new paste that path click ok ok now we will check whether firebase is successfully installed or not for this run the command firebase dishway we can see that it shows the firebase version so it's successfully installed now come to the firebase project we have installed the firebase cli and already logged into firebase we have already installed flutter sdk and created a project so just click on next copy this open cmd run this command it gives us a warning to add this path to environment variable so copy this and go to environment variable under system variable go to path edit click on new and paste the path click ok close the cmd and run this command again it's successfully executed this time now go to the root project directory open terminal here copy this paste it here enter it asks you that which platform should your configuration support so just click on enter it will select android ios makers and web click on next so in the third step it says that copy this and paste it here import the packages firebase options dot dot and firebase code dot dot we have to write widgets letterbending dot ensure initialized let's run our app so there is no error now come to the firebase project and click on continue to console refresh this page here we can see that the app for android and ios has been added so for the next time if you want to connect flutter app with firebase we can simply run flutter configure dash dash project is equal to your app name dash id and it will connect or flutter up with firebase and remember this command should be run at the root of your flutter project directory
Info
Channel: Code Pie
Views: 55,017
Rating: undefined out of 5
Keywords: flutter firebase setup tutorial, Flutter Firebase CLI, How to connect Latest Firebase with flutter, flutterfire cli, flutter firebase setup, firebase flutter setup, flutter firebase setup 2022, flutterfire cli tutorial, fast flutter firebase, flutter firebase full tutorial, flutterfire config, firebase cli, flutter and firebase setup, flutter and firebase cli, flutter firebase tutorial, firebase flutter web, flutter macos, flutter firebase, Install and Run FlutterFire CLI
Id: U45mIlvbi6s
Channel Id: undefined
Length: 7min 6sec (426 seconds)
Published: Thu May 19 2022
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.