Firebase UI for Auth (Package of the Week)

♪ [music] ♪ If you've ever had to implement <i>OAuth</i>, you probably know how tedious it can be. Next time you need to add authentication to an app, try <i>Firebase Authentication</i> and the <i>Firebase UI</i> for auth package to add auth to your app with just a couple lines of code. <i>firebase_ui_auth</i> is an official Firebase product that includes widgets and full screens to make implementing auth easier. You can use the sign-in screen widget to add a page to your app that takes users through the entire authentication flow. Start by adding a route called <i>sign-in</i> to your app, which directs to a sign-in screen widget. Next, you need to tell the <i>SignInScreen</i> what type of authentication providers your Firebase project uses, and the screen will populate the right form elements to the screen. If you're only using email and password sign in, you're already done. <i>Firebase Authentication</i> and <i>Firebase UI</i> support a variety of other auth providers like Google Sign-In, GitHub sign in, Apple Sign In and more. Check out the Firebase docs for our full list. Add any of these auth providers to the sign-in screen widgets provider configs and give it the provider specific configuration. Voila, you've got another way for your users to sign in. If you're using an <i>OAuth</i> provider like Google Sign-In, you only need to give it your Google Sign-In <i>clientId</i>, and it'll just work. The Firebase UI for auth package also includes screens like a user registration screen, a forgotten-password screen, a user profile screen and more. And of course, you want your auth screens to match the style of the rest of your app, so Firebase UI widgets are customizable, and it even includes widgets and controllers that allow you to write a fully customized off flow for any of the supported providers. If you just want to get to building the parts of your app that you care about, let <i>Firebase Authentication</i> and the <i>Firebase UI</i> package handle auth for you. For more information on <i>Firebase UI</i> for auth and all the Firebase packages, head to <i>pub.dev</i> ♪ [music] ♪

Channel: Flutter

Views: 66,412

Keywords: Firebase auth, firebase ui, flutter firebase, firebase auth flutter tutorial, how to use firebase auth with flutter, flutter package of the week, flutter example, build an app, app building, coding, coding an app, Flutter, package of the week, google, google developers, flutter 101, get started with flutter, flutter apps, flutter widgets, build apps with flutter, flutter widget, widget, Eric WIndmill

Id: jtFaMv2vGF0

Length: 2min 8sec (128 seconds)

Published: Thu Oct 27 2022

Reddit Comments

[u/ontosteady]

Anyone use this it looks too easy, I spend days getting sign-in to work.