Flutter Firebase身份验证教程

这篇教程详细介绍了如何在Flutter应用中集成Firebase进行用户身份验证。涵盖了创建Flutter应用、添加Firebase依赖、构建身份验证服务、创建登录/注册页面以及实现注销功能的步骤。通过这个指南,读者将学会如何构建一个具有基本登录功能的Flutter应用。
摘要由CSDN通过智能技术生成

在Flutter Firebase身份验证的这篇文章中,我们将了解如何使用Firebase的flutter插件向我们的Firebase应用程序验证用户身份。

如果您不熟悉颤动,建议您先阅读此内容,然后再继续。 它将为您提供有关抖动的基本概念,并帮助您完成本教程。

https://ayusch.com/getting-started-with-flutter-app-development/

我们将创建一个具有登录屏幕和主页的基本应用程序。 它可以让用户登录注销应用程序。 我们还将具有允许用户注册到我们的Firebase应用程序的功能。

这是应用程序的基本流程:

所以,让我们开始吧!

创建Flutter应用程序

转到Android Studio并通过单击“ 新建”->“ Flutter项目”并遵循从那里开始的向导来创建Flutter应用程序。

删除默认计数器应用程序的代码,并添加以下行:

 import 'package:flutter/material.dart' ;  import 'package:flutter_firebase_auth/root_page.dart' ;  import 'LoginSignupPage.dart' ;  import 'authentication.dart' ;  void main() => runApp(MyApp());  MyApp class extends StatelessWidget { 
   // This widget is the root of your application. 
   @override 
   Widget build(BuildContext context) { 
     return MaterialApp( 
       title: 'Flutter Authentication AndroidVille' , 
       theme: ThemeData( 
         primarySwatch: Colors.blue, 
       ), 
       home: RootPage( 
         auth: new Auth(), 
       ), 
     ); 
   }  } 

我们将很快创建RootPage。

注意 :请记住不要使用AndroidX工件。 Firebase的Flutter插件包含一些AndroidX不支持的注释。 在升级之前,我们不要使用AndroidX。

添加依赖项

我们需要在android / flutter中添加一些依赖关系,以便Flutter使用Firebase身份验证。

首先,将其添加到项目级别的build.gradle文件。 对于扑扑的项目,这可以在android / build.gradle中找到

 classpath 'com.google.gms:google-services:4.3.2' 

接下来,我们需要将google-services插件应用于应用程序级别build.gradle 。 这可以在android / app / build.gradle中找到。 将此行添加到文件末尾。

 apply plugin: 'com.google.gms.google-services' 

最后,我们需要为flutter添加firebase插件。 打开pubspec.yaml并在依赖项下添加以下行:

 firebase_auth: ^ 0.6 . 6 

创建Flutter Firebase身份验证服务

接下来,我们需要为flutter的firebase登录系统创建身份验证服务。 所有页面(或android中的活动)都将使用它与Firebase进行通信。

创建一个新的dart文件,名称为: authentication.dart

我们将首先添加一个抽象的BaseAuth类,该类将由Auth类实现。 这包含登录,注册,获取用户信息和注销用户的基本方法。

 import 'dart:async' ;  import 'package:firebase_auth/firebase_auth.dart' ;  abstract class BaseAuth { 
   Future<String> signIn(String email, String password); 
   Future<String> signUp(String email, String password); 
   Future<FirebaseUser> getCurrentU
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值