How to connect Setup Flutter Firebase CLI on Window || Flutter Firebase CLI tutorials in Hindi
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 2024
- In this lecture i will teach you how to connect Flutter project or Flutter aoo with firebase using Flutter FirEbase CLI on window operating system. I will also teach you how to install Node.js, how to configure firebase cli, how to login with firebase credentials using firebase cli, how to reactive firebase cli and how to connect project with firebase once everything is setup.
WhatsApp channel: whatsapp.com/channel/0029Va7l...
Tiktok: / axiftaj
Instagram: / thetechbrotherss
Join fb group: / 983554978866765
_____________/Connect On Social Media\____________
► linkedin:➜ / axiftaj
► Instagram:➜ / axif_taj
► Facebook:➜ / aaxiftaj
► Twitter:➜ / axiftaj
► GitHub:➜ github.com/axiftaj
► Hire me on Fiver:➜ www.fiverr.com/asif_taj
=========================================
Free Flutter Bootcamp
• Flutter bootcamp 2022 ...
Flutter Rest API’s Tutorials
• Flutter REST API Tutor...
Provider State Management
• Flutter - MVVM Archite...
GetX State Management
• Flutter GetX State Man...
Flutter Google Map Tutorials
• Flutter Goolge Map Tut...
Flutter SQL Tutorials with shopping cart example
• Flutter Shopping Cart ...
Flutter Hive NOSQL Database
• Flutter Hive NoSQL Dat...
Flutter Firebase Tutorials
• Flutter Firebase Tutor...
Flutter Firebase Notifications Tutorials
• Flutter Firebase Notif...
Navigation & Routing
• Chapter 11 - Navigatio...
firebase, flutter firebase, cli, firebase cli, connect, setup, window, firebase tutorials, flutter firebase cli tutorials
for business query write me at:
axiftaj@gmail.com
00:00 Introduction | Do not skip
00:50 Creating Flutter Project
02:10 Install Node.js
03:55 Restart PC and check again
04:30 Setting Up environment variables
07:25 Creating Firebase Project
08:25 Configure Firebase CLI || Important
10:40 Login Firebase
11:40 Listing firebase projects
12:30 Activate flutter global flutterfire cli
13:30 Connect Flutter Project with Firebase
15:40 Add Flutter firebase core package
18:00 Run Project
#flutter #hindi #tutorial #demo #GitHub #CodingForBeginners #HindiUrduTutorials #git - วิทยาศาสตร์และเทคโนโลยี
Read it carefully: Install GIT first
If you are activating global flutter fire CLI and terminal is crashing or you are unable to find the pub>bin folder install git and try again.
You can install Git from my video mention below
install git: th-cam.com/video/iVnXdekwMhk/w-d-xo.html
If npm is not in roaming folder do this:
just go to cmd and run: npm install -g firebase-tools
just go to cmd and run: npm install -g npm
this command and it'll install it and you don't need to add path it'll automatically create the path variable
thanks
I cannot find Bin option in Pub_cache.... even i have installed Git as well but still cannot find that ... can uh plz me what i can do next?
@@syedalihassan2202 same issue !!!! did you get a solution for this?
@@14_vaishnavichougle68 yes i restarted my laptop and got the bin after installing Git.
Asif bhai mere pass ye bin vala folder show ni ho rha
i have Spend 3 hours to find multiple errors but really this video did sloved my all error,
again Thanks sir asif taj,
Waoo, glad it helped
@@thetechbrotherssbin and global package not showing in pub cache folder
Can't beleive how happy i am , i thought i would nwver be able to configure firebase into my flutter app but sir, you are my saviour, lots and lots of gratitude from my side
To anyone who is stuck on this firebase configuration, don't doubt and just watch this full video, this is the best tutorial
Glad to hear this and thank you
Sir 2 din se try kar raha alag alag videos dekhkar nahi hua lekin jab aapka video dekha to sab set ho gaya. Thank You Very Much Sir.
Glad to hear this
I’ve soent my whole day but this videos finally got my project connected with firebase tnx sir big respect ❤️❤️❤️
glad to hear this, do share with your friends
jin jin ko roaming main npm ka folder nhi mil rha wo ye command run kr lain "npm install -g firebase-tools" us k bad add hoga or phr bin ka folder local main tb add hoga jb ap ye command run kro gy "dart pub global activate flutterfire_cli" mere b 2no nhi ho rhy thy ye sb krny k bad howy
Great, thanks for sharing
Thank u 😊
jazakAllah bohot shukriya
Thank you Bhai..... Mene bahot jagah ishka solution dekha lekin kahi nhi mila.... Fir tumhara comment pada thank you Bhai 🥹🥹
Thank very helpful
Really Sir waiting for this tutorial on your channel
wait over, share with your friends
thank you for saving our time 🙏🙏
glad to hear this bro
Thanks you for such a great vedio
😍
Really Helpful! Thank you
Glad it was helpful! do share
It's working thankyou sir 🤩
waoo
Sir well and Good explain
Thank you, share with your friends
Love you ustad g😍
Thank you
After 30 hours of my struggle, this vedio solve my flutter firebase problem. Bundle of thanks to creater❤❤❤.
me too!
Happy to help
awesome
clear steps and working
thanks
❤😊Thnks sir
Most welcome
thanks.. it worked !
Glad to hear this bro, do share with your friends
i didn't find bin in cache folder
Thank you sir😍
do share with your friend
wwoohoo! It succeeded. After installing node js, firebase login in CMD and executing the commands you showed in this video, now bin/flutterfire file appeared itself. I included its path in env and also the warning is gone👍
GOOD LUCK to me 🤩
what issue you were facing?
Great 👍
thanks @asif for this tutorial✌
My pleasure 😊 do share with your friends
@@thetechbrotherss offcouse sir
Thank you sir
Welcome, do like and share
did we follow the whole process when we create it second or third time? we have to run the last two flutter cli commands on cmd..?
Nop, just go to your project root folder and hit the command provided by firebase
Hello sir, what if i already have git for windows but can't see bin in the pub folder? i've git version 2.43.0 and ive enabled show hidden files. what should i do?
Please go ahead your work will be done
New to Flutter.. not found the npm file for the environment variable using the windows.. can you guess what can be the issue. showed the version on command prompt.
please read first comment also install git and github
Will this work on simulator or i will have to do few changes to run in ios simulator
it will work, make sure to follow till end
Git already installed but not finding bin and npm folders both.... Roaming n Local folders are available.....please guide
node.js is also shown installed in cmd and show hidden files is enabled as well
rear first comment, install git
100% Working method
great
If I show a form to the user after registering with email and password in firebase, how can I see what the user fills in the form in the firestore database? Please suggest a tutorial
check my video in firebase social media app playlist and watch sign up process videon
in my android / build.gradle , there are no buildscript function and if add manually then its showing error of kotlin version incompatable , i update and use latest version but still showing error
go to build gradle on project level and change the kotlin version to latest version
Now u have the updated one ho to setting.gradle and and search for plugin and change the version
@@funmemeamhow to change?
Hi sir if npm folder is not showing then we can replace node js folder? And the other thing is in pub folder bin folder is not showing how can i solve this issue?
read first comment please and your problem will be solved
npm folder is hide by default
sir after following your toturial at the end i'm not getting fire_base option in my lib folder besides the main?
It means its not connected properly
@@thetechbrotherss sir can u explain more about this problem ? yhi issue mera bhi arha ,
I cant find npm in the roaming but it is already written in the envoirmental veriable and also no bin is available in chache now what can i do?? im stuck here
Go ahead, follow rest of tutorial
@@thetechbrotherss every thing is fine than i run this comman->dart pub global activate flutterfire_cli-> than there is an issue occured -> Building package executables... (19.9s)
Built flutterfire_cli:flutterfire.
Installed executable flutterfire.
Warning: Pub installs executables into C:\Users\Rai-Mobile Arifwala\AppData\Local\Pub\Cache\bin, which is not on your path.
You can fix that by adding that directory to your system's "Path" environment variable.
A web search for "configure windows path" will show you how.
Activated flutterfire_cli 0.2.7.
Sir .i have a doubt.if i already integrate my flutter project with firebase cli then do i need to connect again with firebase andoid through firebase console?
nope
@@thetechbrotherss if connected with cli, shall we jump onto ios connection video or notification video?
This connects firebase to my flutter project. What if i want google authentication or email/password authentication afterwards...
check my firebase playlist
I am trying to connect firebase_cli. At step 2 where I run "flutterfire configure " command in my root directory of project. There I see error "Error: Unable to find git in your PATH. " Before this step I do every thing ok.
install git and github first, do check my videos about how to install
Unable to fetch the CLI MOTD and remote config. even git is installed showing when firebase login runned o cmd kindly help me out
read first comment
sr i have installed git still not showing bin file of flutterfire@@thetechbrotherss
after thi video can we want to see part 2 and part 3 of this paylist or we should skip them
If your work is done skip it
Sir when enter the command of Dart pub global activate flutterfire_cli then show error unable to find git in your path
Bhai checkout my video in github about how to install git and github on windows or mac and connect Github with android studio or vs code for better understanding.
Or you can install git and set it up
Read it carefully:
If you are activating global flutter fire CLI and terminal is crashing or you are unable to find the pub>bin folder install git and try again.
You can install Git from my video mention below
install git: th-cam.com/video/iVnXdekwMhk/w-d-xo.html
I can't see pub>bin and i can't added this environment path.
And also can't see roaming>npm but this automatically add environment path
Make sure you have installed everything, restart the pc and than follow
@@thetechbrothersstnx a lot my brother❤️i have got it🥰
But how? Please guide me if you can
@@sakibulislam6627
@@sakibulislam6627 how u solve this problem ?
Sir which Firebase Connectivity way is better this CLI or Manual ?
cli
Asif bhai bohot shukriya subha sy aap videos dekh raha tha lakin aakhir isi playlisst mein cli wali video goor sy dekhi to pata chala kya issue hai please thumbnail update ke dein jis mein pata chal jaye ky firebase ka new method aa gya hai
Glad to hear this ap ka problem solve ho gya, muje thumbnails bnana ni atty is liye bus jo ha wahin laga daita hu
@@thetechbrotherss JAZAKAllah
i think flutter firebase cli is better option than native integeration with android and ios app using flutter
It no longer work natively for flutter app
bin folder is not showing in pub folder
I Re-Installed the node.js
installed the git and github
kindly guide me what should be the solution now?
Read first comment
Sir I applied the procedure of first comment
npm install -g firebase-tools, it showing warning (even after restarting)
"[writestream]: (f66159a) stream closed with status: status{code=not_found, description=the database (default)" this error show in my flutter firebase project... Plz help me....
This seem to be not a cli error
@@thetechbrotherss i can not find my data in firestore database for this...what to do at now?
Sir node js install krne k bd,
C derive m pub\bin me .bin folder show nahi ho raha, hidden b check ✅ kea ho wa view me
same doubt
read first comment
sir playlist a ga saf aik video aga
yeah sirf 1 video ha playlists already bani hoi ha
Sir jab meh 'flutterfire cinfigure --project=dummy-cli' run kr raha hun to error ata hai 'unable to find git in your path' sir ye kesy resolve ho ga. Jab ky sir meh ny git install kr ky bin ur cmd env variable meh path set bhi kiya hua hai. Plz reply sir ye error mujy 2 din sy aa raha hai l😢😢
read first comment and follow it
I am stuck becuase I cannot find the folder 'AppData', how to solve this problem? please guide
Read first comment apply those and restart pc
@CryptoTradingYt Kindly guide me regarding this. I am still unable to find bin file after installing git
read first comment and apply that
Brother anyhow I reset my pc,so node js system also delete then how can i recovery..
I didn't understood your question
I say anyhow I Restart pc,and i published app using this system , how can i find my using Node js
pub-bin not showing in my case what should i do for it
Go ahead and follow tutorial or check environment variables it will be automatically added
i couldn't find bin folder in cache folder so please give me solution for that.
Please read first comment and try again
solved thank youuuu@@thetechbrotherss
@@jishapatel2791 it didn't solved anything for me, how's it working for you? i didn't get any bin folder even after installing the git and github desktop
Bro i build my mobile app. And it's very to difficult to publish app because i need 20 tester how can i get that? 😢
ask for email in your home and add them haahha
@@thetechbrotherss 😂😂😂 Great jogarr
I followed the instructions but when I try to run app on emulator it does not display data retrieved from firebase but on edge or chrome it works perfectly.
Add internet permissions
@@thetechbrotherss already added
still facing the issue on emulator and physical device
sir plz make for macOS
ok
There is no App data or any other folder in C ?
read first comment and apply
mac os ky liyah bhi bana dye .
Ok
The problem was that the bin path was not showing that solved itself.
But the actual problem I'm facing is that my app is not initialization with firebase it crashes.
did you able to solved the issue
Npm folder is not showing in romming folder in my laptop
Read first comment
FirebaseCommandException: An error occured on the Firebase CLI when attempting to run a command.
npm install -g firebase-tools
run this command first and check if everything is install properly are not
Sir ye sare steps follow ki liya ab please ye btao ki iske baad notification ka use kaise kre?
Kya mtlb ?
@@thetechbrotherss means yaha to ka kr liye mene next push notifications ke liye kya kru?
next part of this can you share link please?
which next part ?
After rastarting the pc, there is still no bin folder. I am stuck. What should i do now.
No problem if it's not showing leave path and move forward with tutorial.
Read it carefully:
If you are activating global flutter fire CLI and terminal is crashing or you are unable to find the pub>bin folder install git and try again.
You can install Git from my video mention below
install git: th-cam.com/video/iVnXdekwMhk/w-d-xo.html
install git than restart it will work
pubspec. yaml se error ja hi nhi rha
Apne ju kha k min sdk itni honi chahiye or wu error ma bta rha hoga.. oski muje smj nhi ai kindly bta de
i think wo error ni hoga
agr huwa to ap build.gradle file search karin wahan par text search karing min sdk usko replace kr do 21 k sath
Sir bin folder nhi show ho raha meh ny git and github dono install kiyay huay hain
read first comment and apply
Asif bhai complete setup ke baad duplicate classes ka error aaraha hai aur 2 din se try kar raha hon likin resolve nahi ho raha... Kindly mujhe guide karein
ap old file delete kr do na google services ki
pub/cache/ folder is showing but bin doesn't
what was the solution
?
may be it's hidden, show hidden folder
Read it carefully:
If you are activating global flutter fire CLI and terminal is crashing or you are unable to find the pub>bin folder install git and try again.
You can install Git from my video mention below
install git: th-cam.com/video/iVnXdekwMhk/w-d-xo.html
Sir meh end pr jab meh app run kr rha hun to error aa rha hai meh ny minsdk kon 21 bhi kia hai phir bhi error aaa rha hai ap nhi run ho rhaa
"FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':app:checkDebugDuplicateClasses'.
> A failure occurred while executing com.android.build.gradle.internal.tasks.CheckDuplicatesRunnable"
Mujhe v ahi error aa rha
Read frist comment and follow the process
sir flutter update ka bad se firebase connect nhi ho rha hai duplicated version error dara hai without cli bhi nahi ho rha is topic pr please video bana dain as soon as possible
ap kuch mistake kr rahy hon gy, read first comment on this video and try
@@thetechbrotherss sir git wgra sub kr liya phala to connect ho rha phla to project connect wgra sun ho rha tha data bhi fetch ho rha tha update ka bad se nhi ho rha ek br ap try kr ka dkhain update kr ka
Unable to find npm in roaming folder
read first comment
bhai users mai public and my pc hi bta rha hai npm path ni mil rha
Read first comment and try again
npm isn't in my roaming how do i search for it?
solution found
just go to cmd and run "npm install -g npm"
this command and it'll install it and you don't need to add path it'll automatically create the path variable
Thanks for sharing it, i added this in pinned comment
Aoa sir jee 100./. working methods thanks alot but sir sab kuch ho gaya bs at end jab project run kar raha ho tab ek error araha ha
like ../AppData/local/pub/cache/hosted/pub.dev/leaktracker_testing-2.0.3/lib/src/leak_testing.dart:146:9:Error: No named parameter with the name ‘notHCed’
../AppData/Local/Pub/Cache/hosted/pub.dev/leak_tracker_testing-2.0.3/lib/src/leak_testing.dart:146:9: Error: No named parameter with the name 'notGCed'.
notGCed: ignoredLeaks.notGCed.merge(
^^^^^^^
../AppData/Local/Pub/Cache/hosted/pub.dev/leak_tracker-10.0.4/lib/src/leak_tracking/primitives/model.dart:130:9: Context: Found this candidate, but the arguments don't match.
const IgnoredLeaks({
^^^^^^^^^^^^
../AppData/Local/Pub/Cache/hosted/pub.dev/leak_tracker_testing-2.0.3/lib/src/leak_testing.dart:193:9: Error: No named parameter with the name 'notGCed'.
notGCed: newNotGCed,
^^^^^^^
../AppData/Local/Pub/Cache/hosted/pub.dev/leak_tracker-10.0.4/lib/src/leak_tracking/primitives/model.dart:130:9: Context: Found this candidate, but the arguments don't match.
const IgnoredLeaks({
^^^^^^^^^^^^
../AppData/Local/Pub/Cache/hosted/pub.dev/leak_tracker_testing-2.0.3/lib/src/leak_testing.dart:180:35: Error: The getter 'notGCed' isn't defined for the class 'IgnoredLeaks'.
- 'IgnoredLeaks' is from 'package:leak_tracker/src/leak_tracking/primitives/model.dart' ('../AppData/Local/Pub/Cache/hosted/pub.dev/leak_tracker-10.0.4/lib/src/leak_tracking/primitives/model.dart').
Try correcting the name to the name of an existing getter, or defining a getter or field named 'notGCed'.
var newNotGCed = ignoredLeaks.notGCed.track([...notGCed, ...classes]);
^^^^^^^
Target kernel_snapshot failed: Exception
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':app:compileFlutterBuildDebug'.
> Process 'command 'C:\Users\Usama Sabir\Downloads\flutter_windows_3.19.3-stable\flutter\bin\flutter.bat'' finished with non-zero exit value 1
* Try:
> Run with --stacktrace option to get the stack trace.
> Run with --info or --debug option to get more log output.
> Run with --scan to get full insights.
> Get more help at help.gradle.org.
this error is coming
yar isko goolge krna parhy ga, i am not sure about the error
sir ma google kar chuka ho
whatsapp channel ?
link in description
if you don't get Cache/bin/flutterfire then run this command in your terminal: npm install -g firebase-tools
thanks for sharing this
didn't finding bin even after installing git and github
please read comment you will get your answer
bin/flutterfire mere pas show nahi horaha 6:33
ab kya kary... please cooporate!
show ho go video ko follow laro is me jo commands hain wo run karain os k bad check kari ajaye ka . Miri pas be nahi ta commands run karni k bad ajaye ga try karain
Read first comment
Android project gradle build dependency nhi mil rhi plugins add krne ke liy plz help 4 din se presan hu😢😢
bhai wo method old ho gya ha, use this video now
Least is video wale method use krne ke bad last me run krne bad ek error aa rha
"Gradle task assembleDebug failed with exit code 1"
Mene complete video tutorial follow kiya sab kuch successful hua lakin app run nahi horaha, please help.
Did your issue got solved
connection thek ni hoga
dont need to restart pc just add clear cache extension
Thank you for sharing this 😍
@@thetechbrotherss this is available in vs code i. dont know about android studio
Bhai mera wala android ke satha connect ni horaha baaqiyo ke sath horaha hy
mtlb ?
Ye error hy bro
Bhaiya nhi ho pa rha solve😢😢😢 pls help kr de screen share kr ke 1 week ho gya av tk nhi kr paye h bhaiya koi help krne wala v nhi h pls help bahot time waste ho rha😢😢😢😢😢😢😢
Error: "Gradle task assembleDebug failed with exit code 1."
Ye error firebase connection krte h tvi ata h ase simple run krte h to nhi ata run ho jata h😢
Read frist comment and follow the process
is video wale method use krne ke bad last me run krne bad ek error aa rha
"Gradle task assembleDebug failed with exit code 1"
Bro yeah firebase ka error ni ha
@@thetechbrotherss kese solve kre
i'm stucked kindly help me
Share error
npm is not showing??
Check it's path must be added or follow tutorial and go ahead
Read it carefully:
If you are activating global flutter fire CLI and terminal is crashing or you are unable to find the pub>bin folder install git and try again.
You can install Git from my video mention below
install git: th-cam.com/video/iVnXdekwMhk/w-d-xo.html
I cant find bin folder ???
It will be automatically updated in path section
@@thetechbrotherss when i run this command dart pub global activate flutterfire_cli my command prompt automatically off
@@thetechbrotherss when I delete flutter folder and reinstall then I face no error 😅
Read it carefully:
If you are activating global flutter fire CLI and terminal is crashing or you are unable to find the pub>bin folder install git and try again.
You can install Git from my video mention below
install git: th-cam.com/video/iVnXdekwMhk/w-d-xo.html
@@thetechbrotherss when i reinstall flutter then its work properly
sir cache k baad bin folder show ni ho ra
show hidden files in, r check may be path got added in environment path
ni show ho ra ab b@@thetechbrotherss
@@muhammadhuzaifa5462 apko show hua ?
app data wala folder ni mil rha reply bhaiya
Read first pin comment and try again
Press on , view>show>hidden items
git and github dono install kr diya fir bhi ni mil rhs
@@thetechbrotherss
mil gya thank you brother
@@jaguarryzen6514
i didn't find npm
Please install node.js
sir ye wla command dart pub global activate flutterfire_cli jab bhe main CMD main run karta CMD automatically disappear ho jata hai what can i do now
ap pehle login check karin firebase login ho raha ha, then check environment variable add kia ha, node.js install ha ap k pass ya ni
@@thetechbrotherssyaay sab krky dekh lia lekin phir bhi yahi error arhaa
@@thetechbrotherss sub kr diya
But same issues
Read it carefully:
If you are activating global flutter fire CLI and terminal is crashing or you are unable to find the pub>bin folder install git and try again.
You can install Git from my video mention below
install git: th-cam.com/video/iVnXdekwMhk/w-d-xo.html
npm folder path not found also git installed
have you restarted the pc ?
@@thetechbrotherssyes already restarted bro
After running the command 'which is registering pre-platform apps with firebase' in vscode.
It Registered successfully, but after running the code, Getting issues with build.Gradle
Changed the minSDKversion to 21 as you said, but all in vain.
Error:
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':app:checkDebugDuplicateClasses'.
> A failure occurred while executing com.android.build.gradle.internal.tasks.CheckDuplicatesRunnable
...........
Go to grade file and set minimum to 21 sdk,
If you don’t know what it is, check my video about project structure in flutter bootcamp
@@thetechbrotherss I've done that already. still facing the issue :(
this is the error occur for android :
✔ Which Android application id (or package name) do you want to use for this configuration, e.g. 'com.example.app'? ·
i Firebase android app is not registered on Firebase project flutter-firebase-first-30194.
⠦ Registering new Firebase android app on Firebase project flutter-firebase-first-30194.
FirebaseCommandException: An error occured on the Firebase CLI when attempting to run a command.
COMMAND: firebase apps:create android firebase_flutter_one (android) --package-name= --json --project=flutter-firebase-first-30194
ERROR: Package name for Android app cannot be empty
Have you created firebase project with same package name
@@thetechbrotherss yes i have, now we need to explicitly add android app package name in cmd . issue is resolve ,
but thank for your response.
@@user-jo5mz4pv2g I have also faced same issue.How to solve?
@@user-jo5mz4pv2ghow to add android packages name or id?
@@prabinbhattarai2058 just write your app package name at there ,without single or double quote .
"Which Android application id (or package name) do you want to use for this configuration, e.g. 'com.example.app' what i need to write in it" what should I write here?
com is status, then use company name, then app name