How to connect firebase and flutter project easily.

[Music] hello guys uh welcome to everyone my YouTube channel and uh today I go to show how to connect Firebase into our flut project so let's go our video first you must uh create flatter project I think you already know how to create uh flatter project so I create flter project here this is uh the big um project uh default uh one uh so now I show how to uh connect uh fire base this flutter uh first you have to go to your uh Firebase so open your any web browser and type uh fire sorry my laptop it's very slow uh fire base. goole.com and hit enter sorry it's uh my laptop is really struck uh uh and minimize it and if you don't sign in here please sign in and go to console you can in uh top uh in right corner have tab go to console click in that console and you can see this interface and click on ADD project okay uh type here your uh project uh you can enter any name okay I enter uh this fire base tutorial okay uh sorry it's can't be fire tutorial okay uh and click continue and off enable Google analytics for this project this is because we not create uh um very huge app this our lates in app so I disable it and create project and in one or 2 minutes it's create the project okay it depend on your PC and uh internet connection so I have to tell you uh please carefully reper this video because some uh some people have think the Firebase con is FL flatter and fire base connecting is very hard uh but it's not hard uh anymore so this is after the creating this is the interface uh and we are going to connect to this project to five so now we create uh the Android application because I don't have Mac PC I have uh I have Windows PC so I create uh Android okay so I click click on Android and the Firebase uh ask what are the Android package name app nickname it's optional and the debug sign certificate we don't uh this two we don't need uh this uh uh to okay we only need this how to find this okay I will show you uh go to your flat project and go you go to uh Android okay in Android you can see the different files okay we have to go uh let me see we have to go in the Android tab you can see the app app tab okay in here the app Tab and click it and it have the build do gr file click on it okay and go to down and you can see in Android uh this class it's not not a class okay um it have the name space it name Isom example. f it depend on your uh this uh flatter project name okay so my name is five b tutorial so I highlight and copy it and go to my again my uh F base and I paste on in here okay and we don't need this this is uh another thing I will it's want to uh sign in with phone number I will show in a different video okay uh so click register uh and you sometime and this is the second step uh the F said say uh download the download and then add config file if you have already download this file in PC please delete it okay so I have one already uh download sorry it's not download folder uh sorry okay in here I have uh the Google service J files already downloaded I have to delete it because uh when I uh download this file again it download in this with uh uh I will show you I will show you how to how is going when I download uh click download button you can see in here in the blackets have one so if we this this uh file uh put into our Firebase not not Firebase in flutter project the flutter project is not working that's the reason if you have the same Json file please delete it and download it again okay okay okay I will download it again now I click download the project sorry Json file uh sorry my laptop is very very very slow and you can see in here the reward file is download okay minimize your fire base and go to [Music] uh FL project and we want to uh add this file to our uh fter project so it's very easy okay I drag this file in my vs code and put into app okay okay carefully carefully add into app tab okay okay this is the app tab this is the app Tab and put in it okay you can see here in app have our Google service Json file okay okay it's remember this uh want to have in app tab okay if we have Android uh tab in uh Google J file it's not working flut project okay so go to app and uh put into here okay that's the second step then uh we done it so go to next okay go to next and the third step is we have to put in some code in our flut project so click on this is we not using C Uhl we have to cck Ru we do file we have uh so in this uh scenario we can see at the plugin as dependencies to your project level build so is our build gr file okay we have two build of gr files uh in here and here so and the F say root level project level grade file project uh build file so he say uh we have project gri file uh he said this one okay this one this is the project uh this our Android project and we have uh uh build. GLE file so so uh we have to put this code in our flutter project so where we add this in uh here we don't have plugins no we don't have plugins in here so we have to create it so I will copy all of these and go to build gr and uh if I put in here the code is not working because the flutter say after the build script you can add your uh anything plugins okay so after the build descript the top of uh uh code after it this is the start point this is the end point okay build script uh start point this is the end point after that you add your plugins here okay if you want uh get this command okay that's it so we add one code the second code is what is this the then your module build. gr file at both the Google service plugin any Firebase SDK that you want to use in new app module uh file project app module oh project app module we have project app module this is the app module and we have the app module build do gr file okay first we add to Android build. file second we second code we have we upload to build do uh G file our uh project name in early we uh got this remember okay uh so sorry my English okay I still learning so minimize this uh and uh you can see in here have another call there we have plugins and dependencies uh first we look at our do app do uh build. file we have plugins oh we already have plugins so we don't create uh pluggins we only need add this code into here okay uh copy both file the okay uh we have uh this D have can copy the uh file and paste in here one is I paste and second one is this copy and uh paste on here oh sorry sorry sorry sorry sorry okay I did this because we don't need a first code because it's already having flutter you can see in top it's already have flatter so we don't need add this Doom android. application okay if we add this the code is not working okay we won't add this code only the second one the id.com Google GMS Google services okay and uh paste on here okay and we have to add dependency is so let's go our the app gr file and uh I will search have we T this yes it's empty so we can add in here dependencies we only need this and copy and profile project sorry project and there on here and contrl S you can save the file and these two contr s save here and uh that's it and after that in the plugin think your Android project with file and click next okay the rest app is done download the Json file is done at fire base SDK is done the step four we all sets and continue to console okay all done okay so how we look this is uh connect with fire okay okay this is my my project so this is my emulator if I H restart this application if if it is working it's connect is done okay if you in uh click on restart button uh and have if the show errors in this console that mean your project is not connect with fire okay so this is the how to connect the uh Google uh uh file and our flat project uh to connect a Firebase project uh I will show in here uh this only okay I will in next video I will show you how to uh create a sign in okay sign in project uh because the video very long so if any users in see this video he can anything up you know we cannot see long videos at one time so in next video I will show you how to sign in and sign up uh how to we create methods and all are done all all of things okay um in next tutorial uh I uh hope to show in I think uh this uh type of video don't have in YouTube okay so I will show in next because uh most uh Firebase and flut connecting uh uh videos are now not updates it's g in a one year or one year ago or 6 month ago so now different updates updates come in PL and fire base so we cannot uh use same things uh so okay okay whatever okay we we will uh see next video uh so I hope enjoy this video and I hope you um try and connect your project with Firebase and again I tell my terrible English sorry for it uh and see you in next video okay bye

Channel: Project YOUTUBE

Views: 1,946

Keywords: #ProjectYOUTUBE, #Flutter, #Firebase, #FlutterTutorial, #FirebaseIntegration, #MobileAppDevelopment, #CodingTutorial, #AppDevelopment, #Programming, #FlutterDevelopment, #FirebaseTutorial, #LearnToCode, #TechTutorials, #DeveloperCommunity, #ProgrammingTips, #SoftwareDevelopment, #CodeWithMe, #FlutterBeginner, #FirebaseBeginner, #TechLearning

Id: ljT6Yb3D6oE

Length: 19min 52sec (1192 seconds)

Published: Sat Feb 17 2024