Como integrar o serviço de certificação Huawei no Flutter

Como integrar o serviço de certificação Huawei no Flutter

Recentemente, foi descoberto que o serviço de autenticação AGC da Huawei é compatível com a estrutura Flutter. Há muito tempo que espero o suporte desta plataforma, não posso esperar para acessá-la e associar minha conta de e-mail

Etapas de integração

1. Instale o ambiente de flutter
   a) Baixe o pacote Flutter sdk, endereço: https://flutter.dev/docs/get-started/install/windows

Descompacte o pacote compactado em qualquer pasta, como D: \ Flutter

b) Adicione o arquivo de comando flutter à variável de ambiente O caminho que adicionei aqui é D: \ Flutter \ flutter_windows_1.22.2-stable \ flutter \ bin.

c) Clique em "File-Settings-Plugins" no Android Studio, baixe os plug-ins Flutter e Dart e reinicie o Android Studio para que os plug-ins tenham efeito.

2. Abrir serviço e criar projeto

a) Crie um aplicativo Android no AGC e ative o serviço de autenticação

b) Abra a conta anônima, conta de telefone celular e conta de e-mail no serviço de autenticação

c) Crie um novo projeto Flutter no Android Studio

d) Coloque o arquivo agconnect-services.json no diretório Android / app

e) Configure o endereço do warehouse Maven e o endereço do plug-in AGC.

a. Abra o arquivo build.gradle na pasta android do projeto Flutter.

b. Configure o endereço de warehouse do maven em todos os projetos -> repositórios.

c. Configure o endereço de warehouse do maven em buildscript-> repositories.

d. Configure o endereço do plug-in AppGallery Connect em buildscript-> dependencies.

1. Adicione dependência de compilação e endereço de plug-in AGC.
   a. Abra o arquivo build.gradle na pasta android / app do projeto Flutter.
   b. Adicione a seguinte configuração ao arquivo.

3. Integre o SDK
   para adicionar dependências no arquivo pubspec.yaml do projeto Flutter:

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

Em seguida, clique em Pub get para sincronizar

4. Função de acesso
5. Login de conta anônima A conta
   anônima só precisa chamar a interface signInAnonymously para fazer login

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

Por meio do valor, podemos obter informações do usuário, por exemplo, aqui obtemos o id do usuário.

2. Número de telefone celular e autenticação de e-mail

A verificação da conta de e-mail do número do celular precisa primeiro enviar um código de verificação,

Para solicitar um código de verificação para um número de telefone celular, chame o método requestVerifyCode e passe o número do telefone celular, o código do país e as configurações como parâmetros:

_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));
}

Para solicitar um código de verificação por e-mail, chame o método requestVerifyCode e passe o e-mail e as configurações como parâmetros:

_requestEmailVerifyCode(VerifyCodeAction action) {
  String email = _emailController.text;
  VerifyCodeSettings settings = VerifyCodeSettings(action, sendInterval: 30);
  EmailAuthProvider.requestVerifyCode(email, settings)
      .then((value) => print(value.validityPeriod));
}

Então é a operação de criação de um usuário:

Para criar um usuário de conta móvel, você precisa chamar o método createPhoneUser e passar o objeto PhoneUser encapsulado

_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));
 }

Para criar um usuário de conta de email, você precisa chamar o método createEmailUser e passar o objeto EmailUser encapsulado.

_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));
 }

A última é a função de login, existem dois modos de login, um é o modo de login com senha:

• Conta de telefone celular, chame o método signIn e passe as credenciais de autenticação geradas usando o número do telefone celular.

_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}';
     });
   });
 }

• Conta de email: chame o método signIn e passe as credenciais de autenticação geradas pelo email e senha.

_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}';
     });
   });
 }

O outro é o método de login do código de verificação:

• Conta de celular: chame o método signIn e passe as credenciais de autenticação geradas pelo celular, código de verificação e senha.

_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}';
     });
   });
 }

• Conta de e-mail: chame o método signIn e passe as credenciais de autenticação geradas pelo e-mail, código de verificação e senha.

_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}';
     });
   });
 }

3. 
   Etapas como a criação de um jwt para obter um token de sua própria conta e da própria conta são etapas do lado do servidor, e você só precisa fazer com que o token faça login no lado final.

_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}';
     });
   });
 }

5. A embalagem
   é a mesma do Android, basta clicar para executar no Android Studio

Para obter mais detalhes, consulte:

Guia de desenvolvimento de serviço de certificação:

https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-auth-introduction-0000001053732605

Codelab do serviço de autenticação (Android):

https://developer.huawei.com/consumer/cn/codelab/AuthenticationService/index.html#0

---

Link original:https://developer.huawei.com/consumer/cn/forum/topic/0201436847294530241?fid=0101271690375130218

Autor: Mayism