如何在 Flutter 中集成华为认证服务

最近发现华为 AGC 认证服务反对 Flutter 框架了，期待这个平台的反对曾经很久了，所以急不可待接入了，关联了本人的邮箱等账号。

集成步骤

1. 装置 flutter 环境

a) 下载 Flutter sdk 包，地址：https://flutter.dev/docs/get-…

将压缩包解压到任意文件夹，例如 D:Flutter

b) 将 flutter 命令文件增加到环境变量中，此处我增加的 Path 为 D:Flutterflutter_windows_1.22.2-stableflutterbin。

c) 在 Android Studio 中点击“File-Settings-Plugins”，下载 Flutter 和 Dart 插件，重启 Android Studio 使插件失效。

1. 开明服务 & 创立工程

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 插件地址。

1. 增加编译依赖和 AGC 插件地址。

a. 关上 Flutter 我的项目 android/app 文件夹下的 build.gradle 文件。
b. 在文件中增加如下配置。

1. 集成 SDK

在 Flutter 我的项目的 pubspec.yaml 文件中增加依赖：

dependencies:
    flutter:
    sdk: flutter
# Add the following line:
    agconnect_auth: ^1.1.0

而后点击 Pub get 进行同步

1. 接入性能
2. 匿名帐号登录

匿名帐号只须要调用 signInAnonymously 接口进行登录

_signIn() async {AGCAuth.instance.signInAnonymously().then((value) {setState(() {
      _log =
          'signInAnonymously = ${value.user.uid} , ${value.user.providerId}';
    });
  });
}

通过 value，咱们能够获取到用户信息，例如这里咱们获取到了 user 的 id。

1. 手机号 & 邮箱认证

手机号邮箱账号认证首先须要发送验证码，

手机号申请验证码，即调用 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}';
     });
   });
 }

1. 自有账号

自有账号创立 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}';
     });
   });
 }

1. 打包

与 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