news 2026/5/25 14:13:43

Flutter 基于Firebase的鉴权功能集成

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Flutter 基于Firebase的鉴权功能集成

Firebase提供了一套SDK用于抹平不用平台鉴权的差异性,为了方便使用,将基于firebase_auth、google_sign_in、sign_in_with_apple的依赖封装一套登录统一的功能集成。

鉴权后将会获取idToken,该数据需要传给服务器进行校验。

步骤:

1.定义模块最终返回的数据结构

class FirebaseAuthInfo { String? idToken; String? providerId; FirebaseAuthInfo({this.idToken, this.providerId}); Map toJson() { return {"idToken": idToken, "providerId": providerId}; } }

2. 定义工具类,提供login和logout方法

enum LoginType { google, apple, phone, email } class LoginMethod { late LoginType loginType; factory LoginMethod(LoginType loginType) => LoginMethod._(loginType); LoginMethod._(this.loginType) { switch (loginType) { case LoginType.google: break; case LoginType.apple: break; case LoginType.phone: break; case LoginType.email: break; } } Future login() async { switch (loginType) { case LoginType.google: return await _googleSign(); case LoginType.apple: return await _appleSign(); case LoginType.phone: return; case LoginType.email: return; } } void logout() { switch (loginType) { case LoginType.google: _googleOut(); break; case LoginType.apple: break; case LoginType.phone: break; case LoginType.email: break; } } }

3. 基于Firebase Email的鉴权方法(该方法调用时,Android和IOS需要配置对应SchemeUrl,通过Applink才能实现)

Future<FirebaseAuthInfo?> verifyEmail(String email, Uri uri) async { if (FirebaseAuth.instance.isSignInWithEmailLink(uri.toString())) { try { final firebaseAuth = await FirebaseAuth.instance .signInWithEmailLink(email: email, emailLink: uri.toString()); var idToken = await firebaseAuth.user?.getIdToken(); return Future.value(FirebaseAuthInfo( idToken: idToken, providerId: firebaseAuth.credential?.providerId)); } catch (error) { print('Error signing in with email link.'); } return null; } else { return null; } }

4. 基于Firebase Phone的鉴权方法(验证码条数需要Firebase console中配置)

Future<FirebaseAuthInfo?> phoneSign(String code, String phone) async { Completer<FirebaseAuthInfo?> completer = Completer(); await FirebaseAuth.instance.verifyPhoneNumber( phoneNumber: '$code $phone', verificationCompleted: (PhoneAuthCredential credential) async { final firebaseAuth = await FirebaseAuth.instance.signInWithCredential(credential); var idToken = await firebaseAuth.user?.getIdToken(); if (!completer.isCompleted) { completer.complete(FirebaseAuthInfo( idToken: idToken, providerId: firebaseAuth.credential?.providerId)); } }, verificationFailed: (FirebaseAuthException e) { if (!completer.isCompleted) { completer.complete(null); } }, codeSent: (String verificationId, int? resendToken) {}, codeAutoRetrievalTimeout: (String verificationId) { if (!completer.isCompleted) { completer.complete(null); } }, ); return completer.future; }

5. 基于Google Account的鉴权方法(获取账户信息的作用域请查询官方文档),如需要每次登录都可以选择指定的google账号的动作,需要登录前先登出,否则本地有缓存,下次调用将直接复用上一次的账号信息。

void _googleOut() { try { var googleSignIn = GoogleSignIn( scopes: <String>[ 'https://www.googleapis.com/auth/userinfo.email', "https://www.googleapis.com/auth/userinfo.profile" ], ); googleSignIn.signOut(); } catch (e) {} } Future<FirebaseAuthInfo?> _googleSign() async { try { var googleSignIn = GoogleSignIn( scopes: <String>[ 'https://www.googleapis.com/auth/userinfo.email', "https://www.googleapis.com/auth/userinfo.profile" ], ); await googleSignIn.signOut(); var googleAccountInfo = await googleSignIn.signIn(); var googleAuth = await googleAccountInfo?.authentication; if (googleAuth != null) { var firebaseAuth = await FirebaseAuth.instance .signInWithCredential(GoogleAuthProvider.credential( accessToken: googleAuth.accessToken, idToken: googleAuth.idToken, )); var idToken = await firebaseAuth.user?.getIdToken(); return FirebaseAuthInfo( idToken: idToken, providerId: firebaseAuth.credential?.providerId); } else { return Future.value(); } } catch (e) { debugPrint("Auth error !:${e.toString()}"); } return null; } }

6. 基于Apple Account的鉴权方法

Future<FirebaseAuthInfo?> _appleSign() async { try { final appleIdCredential = await SignInWithApple.getAppleIDCredential( scopes: [ AppleIDAuthorizationScopes.email, ], ); final oAuthProvider = OAuthProvider('apple.com'); final credential = oAuthProvider.credential( idToken: appleIdCredential.identityToken, accessToken: appleIdCredential.authorizationCode, ); var identify = await FirebaseAuth.instance.signInWithCredential(credential); var idToken = await identify.user?.getIdToken(); return FirebaseAuthInfo(idToken: idToken, providerId: "apple.com"); } catch (e) { debugPrint("Auth error !:${e.toString()}"); } return null; }
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/25 18:46:10

Blender Python API完全指南:释放3D创作的无限潜能

Blender Python API完全指南&#xff1a;释放3D创作的无限潜能 【免费下载链接】blender Official mirror of Blender 项目地址: https://gitcode.com/gh_mirrors/bl/blender 你是否曾为Blender中的重复性操作感到疲惫&#xff1f;想要批量处理模型却不知从何入手&#…

作者头像 李华
网站建设 2026/5/25 21:53:42

15分钟构建组件属性检查工具

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个CLI工具原型&#xff0c;能够&#xff1a;1) 扫描项目中的组件文件 2) 检测键枚举用法 3) 根据配置规则检查属性访问规范 4) 生成合规报告。支持Vue/React组件&#xff0c;…

作者头像 李华
网站建设 2026/5/25 16:42:44

413错误调试效率提升300%:AI工具对比传统方法

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个413错误智能诊断工具&#xff0c;功能包括&#xff1a;1) 自动扫描项目中的文件上传端点&#xff1b;2) 检测服务器配置限制&#xff1b;3) 模拟不同大小的测试请求&#x…

作者头像 李华
网站建设 2026/5/25 20:27:04

5、边界网络设计与防火墙技术解析

边界网络设计与防火墙技术解析 1. 为何需要 DMZ 网络 在网络安全架构中,防火墙应全力用于数据包的检查和传输。然而,即便精心配置和打补丁的应用程序也可能存在未公开的漏洞,在防火墙上运行服务会影响性能和安全。那么,将公共服务置于何处,才能既不直接或间接暴露内部网…

作者头像 李华
网站建设 2026/5/26 5:53:57

传统vs AI设计:恒流源开发效率提升300%

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 对比分析基于LM317的传统恒流源电路和使用现代开关稳压器方案的优缺点。要求提供两种方案的效率曲线(负载电流vs效率)、成本对比和PCB面积比较。针对1A输出电流&#xff0c;输入24V…

作者头像 李华