Flutter Firebase Setup || How to Connect Firebase with Flutter in 2024

hey everyone welcome back to another flutter tutorial today we are going to learn how to connect our flutter project with the Firebase first we have tried it in our Android simulator after that we have try it in our iOS simulator as well let's start first we create a brand new flutter project Firebase project after we have successfully created now we have run it after running successfully we know that until now our project is working fine let's dive into our Google console first go to the console. fire. google.com and create your account after that click on ADD project fter project create that I have disabled it and it takes some time to create project now our project is ready after that first we have connect our Firebase in our Android app now we need a package name now we go to our Android app level build.gradle file and here is the application ID you can copy this and paste it here and remaining are optional we have registered the app now download the Google service dojon and place it in our Android app we have copy it and we have go to our fter Firebase project inside the Android app and we have pasted it here now we have check it you can see the Google service. JSM and we have next and have we have copy this and root label bu. Gradle before we have testing that in new flutter update there is the missing of some file you have watch carefully I'll provide you the link is in description first you need to add the build script X codin version after that we have copy it from here and carefully paste it here and we have missing one bracket you need to add this otherwise you got the error after that we have copy the dependency section and paste it here you can see this you need to add this two class path after that you save it and leave it from there after that we go to app level build.gradle and copy the copy this ID and paste it in our plugin section remember it this three ID is already is in our plugin section otherwise you got error and that's it you don't need to add this dependency next it continue and we have back add the Firebase core oh a dependency IRAs core after adding this dependency we make our main asent you can see this our package is successfully headed after that we add this two line just and all are done and import our fire score package we have terminate our app and reinstall let's see open our de console if all are correct then our app is running successfully otherwise it gives error and perinates our app let's see you can see we have not faced any error all are done successfully and our app is completely working like previous you can see this if you have got any error your app is not run and not working as well we have connect our pH project with Firebase in our Android app now we have dives into the iOS section add iOS iOS is quite easy a bundle ID is required we have go to iOS section run a ax code and inside project bbx project the bundle ID you can go to 31 371 371 line and there is the project bundle identifier and copy this line and paste it here all are optional you forget this and register our app and download this input. file and we can place it and we can place it inside our runner Google service info. F we have copy this iOS inside this Runner we have pasted here paste see this inside our runner there is Google service info. along with info. and press this that's it iOS section is quite easy then Android we have continue our project and we have also try to run our app in our iOS simulator we can run this we have successfully connect our flutter Firebase project in our Android and iOS simulator

Channel: WTF Code

Views: 11,715

Keywords: flutter, wtf_code, wtf code, whatilearntoday, flutter ui, flutter firebase ios and android setup, flutter firebase tutorial, flutter with firebase, flutter firebse setup, flutter firebase setup 2024, flutter firebase setup, how to setup firebase for flutter, flutter firebase android setup, firebase setup in flutter, day81, 100daysofcode, flutter firebase project, setup flutter project in firebase, how to connect flutter with firebase, how to connect firebase with flutter

Id: 6Vc_E20o5wE

Length: 6min 39sec (399 seconds)

Published: Thu May 16 2024