详解如何在Flutter中集成华为认证服务
最近发现华为AGC认证服务支持Flutter框架了,期待这个平台的支持已经很久了,所以迫不及待接入了,关联了自己的邮箱等账号。
集成步骤
安装flutter环境
a) 下载Flutter sdk包,地址:https://flutter.dev/docs/get-started/install/windows
将压缩包解压到任意文件夹,例如D:\Flutter
b) 将flutter命令文件添加到环境变量中,此处我添加的Path为D:\Flutter\flutter_windows_1.22.2-stable\flutter\bin。
c) 在Android Studio中点击“File-Settings-Plugins”,下载Flutter和Dart插件,重启Android Studio使插件生效。
开通服务&创建工程
a) 在AGC创建Android应用并开通认证服务
b) 开启认证服务中的匿名帐号,手机帐号,邮箱帐号
c) 在Android Studio中新建Flutter工程
d) 将agconnect-services.json文件放入Android/app目录下
e) 配置Maven仓地址和AGC插件地址。
a. 打开Flutter项目android文件夹下的build.gradle文件。
b. 在allprojects ->repositories里面配置maven仓地址。
c. 在buildscript->repositories中配置maven仓地址。
d. 在buildscript->dependencies中配置AppGallery Connect插件地址。
添加编译依赖和AGC插件地址。
a. 打开Flutter项目android/app文件夹下的build.gradle文件。
b. 在文件中添加如下配置。
集成SDK
在Flutter项目的pubspec.yaml文件中添加依赖:
dependencies: flutter: sdk: flutter # Add the following line: agconnect_auth: ^1.1.0
然后点击Pub get进行同步
接入功能
匿名帐号登录
匿名帐号只需要调用signInAnonymously接口进行登录
_signIn() async { AGCAuth.instance.signInAnonymously().then((value) { setState(() { _log = 'signInAnonymously = ${value.user.uid} , ${value.user.providerId}'; }); }); }
通过value,我们可以获取到用户信息,例如这里我们获取到了user的id。
手机号&邮箱认证
手机号邮箱账号认证首先需要发送验证码,
手机号请求验证码,即调用requestVerifyCode方法,传入手机号、国家码、设置项作为参数:
_requestPhoneVerifyCode(VerifyCodeAction action) { String countryCode = _countryCodeController.text; String phoneNumber = _phoneNumberController.text; VerifyCodeSettings settings = VerifyCodeSettings(action, sendInterval: 30); PhoneAuthProvider.requestVerifyCode(countryCode, phoneNumber, settings).then((value) => print(value.validityPeriod)); }
邮箱请求验证码,即调用requestVerifyCode方法,传入邮箱、设置项作为参数:
_requestEmailVerifyCode(VerifyCodeAction action) { String email = _emailController.text; VerifyCodeSettings settings = VerifyCodeSettings(action, sendInterval: 30); EmailAuthProvider.requestVerifyCode(email, settings) .then((value) => print(value.validityPeriod)); }
而后是创建用户的操作:
创建手机账号用户,需要调用createPhoneUser方法,传入封装好的PhoneUser对象
_createPhoneUser() async { bool result = await _showPhoneDialog(VerifyCodeAction.registerLogin); if (result == null) { print("cancel"); return; } String countryCode = _countryCodeController.text; String phoneNumber = _phoneNumberController.text; String verifyCode = _verifyCodeController.text; String password = _passwordController.text; AGCAuth.instance.createPhoneUser(PhoneUser(countryCode, phoneNumber, verifyCode, password: password)) .then((value) { setState(() { _log = 'createPhoneUser = ${value.user.uid} , ${value.user.providerId}'; }); }).catchError((error)=>print(error)); }
创建邮箱账号用户,需要调用createEmailUser方法,传入封装好的EmailUser对象。
_createEmailUser() async { bool result = await _showEmailDialog(VerifyCodeAction.registerLogin); if (result == null) { print("cancel"); return; } String email = _emailController.text; String verifyCode = _verifyCodeController.text; String password = _passwordController.text; AGCAuth.instance .createEmailUser(EmailUser(email, verifyCode, password: password)) .then((value) { setState(() { _log = 'createEmailUser = ${value.user.uid} , ${value.user.providerId}'; }); }).catchError((error) => print(error)); }
最后是登录功能,有两种登录模式,一种是密码登录方式:
手机账号,调用signIn方法,传入使用手机号等生成的认证凭据。
_signInWithPassword() async { bool result = await _showPhoneDialog(VerifyCodeAction.registerLogin); if (result == null) { print("cancel"); return; } String countryCode = _countryCodeController.text; String phoneNumber = _phoneNumberController.text; String password = _passwordController.text; AGCAuthCredential credential = PhoneAuthProvider.credentialWithPassword(countryCode, phoneNumber, password); AGCAuth.instance.signIn(credential).then((value) { setState(() { _log = 'signInWithPassword = ${value.user.uid} , ${value.user.providerId}'; }); }); }
邮箱账号:调用signIn方法,传入通过邮箱和密码生成的认证凭据。
_signInWithPassword() async { bool result = await _showEmailDialog(VerifyCodeAction.registerLogin); if (result == null) { print("cancel"); return; } String email = _emailController.text; String password = _passwordController.text; AGCAuthCredential credential = EmailAuthProvider.credentialWithPassword(email, password); AGCAuth.instance.signIn(credential).then((value) { setState(() { _log = 'signInWithPassword = ${value.user.uid} , ${value.user.providerId}'; }); }); }
另一种是验证码登录方式:
手机账号:调用signIn方法,传入通过手机、验证码和密码生成的认证凭据。
_signInWithVerifyCode() async { bool result = await _showPhoneDialog(VerifyCodeAction.registerLogin); if (result == null) { print("cancel"); return; } String countryCode = _countryCodeController.text; String phoneNumber = _phoneNumberController.text; String verifyCode = _verifyCodeController.text; String password = _passwordController.text; AGCAuthCredential credential = PhoneAuthProvider.credentialWithVerifyCode(countryCode, phoneNumber, verifyCode, password: password); AGCAuth.instance.signIn(credential).then((value) { setState(() { _log = 'signInWithVerifyCode = ${value.user.uid} , ${value.user.providerId}'; }); }); }
邮箱账号:调用signIn方法,传入通过邮箱、验证码和密码生成的认证凭据。
_signInWithVerifyCode() async { bool result = await _showEmailDialog(VerifyCodeAction.registerLogin); if (result == null) { print("cancel"); return; } String email = _emailController.text; String verifyCode = _verifyCodeController.text; String password = _passwordController.text; AGCAuthCredential credential = EmailAuthProvider.credentialWithVerifyCode( email, verifyCode, password: password); AGCAuth.instance.signIn(credential).then((value) { setState(() { _log = 'signInWithVerifyCode = ${value.user.uid} , ${value.user.providerId}'; }); }); }
自有账号
自有账号创建jwt获取token等步骤为server端步骤,端侧只需要取到token进行登录即可。
_signIn() async { bool result = await _showSelfBuildDialog(VerifyCodeAction.registerLogin); if (result == null) { print("cancel"); return; } String token = _selfBuildController.text; AGCAuthCredential credential = SelfBuildAuthProvider.credentialWithToken(token); AGCAuth.instance.signIn(credential).then((value) { setState(() { _log = 'signIn = ${value.user.uid} , ${value.user.providerId}'; }); }); }
打包
与Android相同,只需要在Android Studio中点击运行即可
欲了解更多详情请参见:
认证服务开发指南:
https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-auth-introduction-0000001053732605
认证服务codelab(Android):
https://developer.huawei.com/consumer/cn/codelab/AuthenticationService/index.html#0
原文链接:https://developer.huawei.com/consumer/cn/forum/topic/0201436847294530241?fid=0101271690375130218
原作者:Mayism
到此这篇关于详解如何在Flutter中集成华为认证服务的文章就介绍到这了,更多相关Flutter集成华为认证服务内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞!
相关文章
Flutter悬浮按钮FloatingActionButton使用详解
本文主要介绍了Flutter悬浮按钮FloatingActionButton使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-07-12- 登录页面在 App 开发中非常常见,本篇借登录页面的开发介绍了文本框 TextField组件的使用,同时使用文本框的装饰属性实现了个性化文本框设置。...2021-06-05
Flutter 底部弹窗ModelBottomSheet的使用示例
在实际开发过程中,经常会用到底部弹窗来进行快捷操作,例如选择一个选项,选择下一步操作等等。在 Flutter 中提供了一个 showModelBottomSheet 方法用于弹出底部弹窗,本篇介绍如何使用底部弹窗。...2021-06-07- 在实际开发过程中,往往开始是完成功能层面的开发,然而再考虑组件封装和代码优化。当然,组件封装越早做越好,因为这样会提高整个团队开发的规范性和效率。本文将介绍如何封装一个文本输入框组件...2021-06-05
- 这篇文章主要介绍了Flutter项目在 iOS14 启动崩溃的解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-09-24
- 这篇文章主要介绍了flutter实现点击事件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-08-26
- Flutter是Google推出的基于Dart语言开发的跨平台开源UI框架,旨在统一纷纷扰扰的跨平台开发框架,在UI层面上多端共用一套Dart代码来实现多平台适配开发,这篇文章主要介绍了flutter的环境安装配置问题,需要的朋友可以参考下...2020-06-09
详解Flutter 调用 Android Native 的方法
这篇文章主要介绍了详解Flutter 调用 Android Native 的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-01-25- 在实际开发中,我们经常会需要在页面跳转的时候携带路由参数,典型的例子就是从列表到详情页的时候,需要携带详情的 id,以便详情页获取对应的数据。同时,有些时候还需要返回时携带参数返回上一级,以便上级页面根据返回结果更新。本篇将介绍这两种情形的实现。...2021-06-18
用Flutter做桌上弹球(绘图(Canvas&CustomPaint)API)
这篇文章主要介绍了用Flutter做桌上弹球 聊聊绘图(Canvas&CustomPaint)API,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-31- 任何一个app基本都会设计一个启动页,今天我们就来看看怎么在flutter项目中设置启动页,这篇文章主要给大家介绍了关于Flutter Android应用启动白屏解决的相关资料,需要的朋友可以参考下...2021-11-11
- 这篇文章主要为大家详细介绍了Flutter实现局部刷新,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-07-14
- Flutter本身提供了路由机制,本文主要介绍了Flutter fluro配置使用,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-08
Canonical通过Flutter启用Linux桌面应用程序(推荐)
这篇文章主要介绍了Canonical通过Flutter启用Linux桌面应用程序,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-10- 通常Flutter与Android页面交互是各自独占整个手机屏幕,但有些情况下无法满足需求,有些时候Flutter中没有提供相关插件或者插件不满足需求,这时候就需要开发者自定义插件,开发者可以参考本文中的方法去进行自定义。...2021-06-07
- 这篇文章主要介绍了Flutter中如何使用WillPopScope,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-05-14
- 这篇文章主要介绍了Flutter深色模式适配的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-04-04
- 这篇文章主要介绍了Android如何在原生App中嵌入Flutter,帮助大家更好的理解和学习Android开发,感兴趣的朋友可以了解下...2021-03-13
- 这篇文章主要介绍了Flutter仿钉钉考勤日历的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-04-23
- 大家应该都知道目前Flutter官方是没有自定义键盘的解决方案,下面这篇文章主要给大家介绍了关于Flutter软键盘原理的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下...2021-10-08