Flutter Firebase Connect | How to Connect Firebase in Flutter | Authentication Test

okay guys uh we are back to with another video today I'm talking about just connect to the Firebase um before I already show you in my video that how to connect with Firebase authentication today I'll do it again that's the method for uh for my future videos because uh my future videos will be flutter Firebase based on so just connect to the file and in the video okay let's start for the first step you should eat some popsico ML and you have to create another project and project like consulate firebase.com and go add new project project name like fire base it's similar to the Firebase connected to your location connect due to real and you can do any name so also that was kind of good okay so first of all create a project in the Firebase control and account you have if you don't have enough just create a new and I have an account so so it's time taking some time so wait for it my previous video there are some changes from my previous video and today for Firebase connection Firebase and flutter just change a line so I have to create a new video for this so it's finishing up okay done continue so my Firebase is done so I have Android before Android okay let's go I have Android for Android package name Register App so package name is so for app ID name you have to go to your Android app will go here you can find your app ID the app ID is in the namespace before my previous video it will here in some line uh which is application ID but now it is name space so com dot example something like copy paste here okay press the ID name and just blank there let's drive okay download the Json file so download the Json file okay I download this some file so go to the project and before project go to the file okay copy the file and go to the project here you can app you can paste here like here and Ctrl V Json file okay and okay so our Json file is imported in our app folder now what's next okay now the next step here you can see uh some one two steps okay so first uh in the plugin line I have I have to we have to copy the line you can select any kotlin on groovy okay so I just copy the line and go to the project say I have to I have already opened it so see in the projected section go to the Android okay then Gradle then the build option so here just paste the code so copy the class path and remove the ID and place there the class path okay just page class okay so in the line there is some changes so just remove the dot after GMS and made it put the semicolon and remove all the line all the words version and put another semicolon and then remove this applying because it's done you are done in the Android will go to I mean modular then Google Now go for the next step number two is plugins uh go to positive or to go to the Android then app then the build good also there is difference so first of all you have to save plugins and just copy the both line but I have already complete Android dot application and also you have automobile generated the com dot Android application so if you not any line this then copy otherwise just copy the JSM GMS like okay just bit the line nothing app to changed okay now go to for the dependency so in the dependency in in the last line just copy the both line first online paste here and go for another line okay there is another line which is not mentioned here which is the multi decks implementation so I have to paste it uh this line otherwise you have face you will be phase 0 if you don't implement this multi-dix and another line which is I have to import here before that main SDK version I have to put 19 and here is I have to paste another line which is multi text enabled which is true and the mean SDK version is 1920 21 22 but not less than 20. so these two line you have to put from the other set okay just see and copy this line from my video okay you will okay now go for the next and continue so our project uh configuration is done go for the Authentication sign up method email password we are just not creating okay we are not just import oh your nose just he here sign up or login just we have to make sure that our project is working fine so go for the popsico ml you have to input to Pub div which is flutter auth and flutter code flutter oath is for flutter authentication I mean user email login and sign up later so just Firebase auth error you can search in the Google fire result and fiber score so I am paste here okay pump gate all right in package important important so for initial is Firebase you have to create a line write the widgets flowerbending dot in share initial list okay and where is oh fire restart okay not appearing okay I have two hooks declare the sink and then a weight now Firebase but sorry Firebase dot initial step okay so our main work is done now go for our UI so for UI metal material app and just I do not just to create another strictly to visit which is home page now declared the home page in material app okay so for first of all we have to return this scaffold then Bobby's every year and child is elevated button uh just VM we are creating a button after pressing the button the button will press a user authentication data to our Firebase so just make sure our project is connected properly so creating the UI okay just Firebase button okay single recording code okay so first okay so first run the app so make sure our app is okay if you have problem to run this app and face an error make sure you re-watch my video and every line you have imported correctly otherwise your app not run so our app is run and UI is okay so our app is okay and no either found so everything is fine okay just for for the on pressed just we have to service dot auth instance dot create okay create username with password email okay just okay just it you can see it properly for this okay next line okay comma it will assemble go to get this now email my email is like flutter at mail.com and password is one two three four five six okay so for testing app I have to close the app and now restart the app okay our app is restarted okay just test Firebase go refresh my net is low another official game so now flutter email and our password is imported and project is done so this is the simple authentication process I am just showing that now for Firebase authentication you have need some so for Firebase database so database you have need another package where in the fires to database and in this two race five Studio which is basically for text Data any kind of text that you can import here for ISO type is and this stories is you can upload your image videos etc etc and in the future in so Firebase auth authentication and fire restore is used for files database and the fire is service storage is used for the stories option I guess so you will need four packages for the complete crude option for Firebase and in the future we will show you everything

Channel: Flutter With NAS

Views: 2,192

Keywords: flutter, android, android studio, flutter programming, dart, dart language, flutter with dart, flutter with android studio, beginners, flutter for begginers, flutter tutorial, tutorial, widget, how to flutter, nastech, nastech org, google, Flutter Firebase Authentication, firebase, firebase login, flutter firebase, flutter auth, flutter signup, flutter login, login firebase auth, flutter core, flitter auth package

Id: _pBZRvq8_ow

Length: 13min 0sec (780 seconds)

Published: Thu Jul 13 2023