Flutter华为账号集成插件huawei_account的使用

Flutter华为账号集成插件huawei_account的使用

概述

Flutter华为账号集成插件huawei_account允许您的应用通过华为账号SDK与Flutter平台进行通信。这使得用户可以快速方便地通过华为账号的双因素认证进行登录。

安装

请访问 pub.dev 和 AppGallery Connect Configuration 获取详细的安装指南。

文档

• 快速入门
• 参考文档

问题或建议

如果您在使用HMS样本时遇到任何问题，可以尝试以下途径：

• 在 Stack Overflow 提问，并确保使用标签 <strong>huawei-mobile-services</strong>。
• 在 GitHub 提交问题或提交您的想法。
• 在 华为开发者论坛 发帖寻求一般性问题的帮助或推荐。
• 访问 华为开发者文档 查看所有HMS核心工具的官方文档。

如果在样本中发现任何bug，请提交到 GitHub仓库。

许可证

华为账号Flutter插件遵循 Apache 2.0许可证。

示例代码

以下是完整的示例代码，展示了如何在Flutter应用中使用huawei_account插件。

/*
    Copyright 2020-2024. Huawei Technologies Co., Ltd. All rights reserved.

    Licensed under the Apache License, Version 2.0 (the "License")
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

        https://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
*/

import 'dart:developer';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:huawei_account/huawei_account.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
  ]);
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: AuthScreen(),
    );
  }
}

class AuthScreen extends StatefulWidget {
  const AuthScreen({Key? key}) : super(key: key);

  [@override](/user/override)
  State<AuthScreen> createState() => _AuthScreenState();
}

class _AuthScreenState extends State<AuthScreen> {
  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
  final List<String> _logs = [];

  late AccountAuthService _authService;

  late ScrollController controller;

  [@override](/user/override)
  void initState() {
    controller = ScrollController();
    final AccountAuthParamsHelper authParamsHelper = AccountAuthParamsHelper()
      ..setProfile()
      ..setAccessToken();
    final AccountAuthParams authParams = authParamsHelper.createParams();
    _authService = AccountAuthManager.getService(authParams);
    super.initState();
  }

  [@override](/user/override)
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  Widget _buildAuthButton(String text, VoidCallback callback) {
    return Container(
      width: double.infinity,
      padding: EdgeInsets.zero,
      margin: const EdgeInsets.fromLTRB(15, 15, 15, 0),
      decoration: BoxDecoration(
        border: Border.all(width: 1, color: Colors.black),
        borderRadius: BorderRadius.circular(8),
      ),
      child: ElevatedButton(
        onPressed: callback,
        style: ElevatedButton.styleFrom(
          foregroundColor: Colors.black,
          backgroundColor: Colors.white,
          elevation: 0,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(2),
          ),
          padding: const EdgeInsets.symmetric(
            vertical: 12,
            horizontal: 25,
          ),
        ),
        child: Text(text.toUpperCase()),
      ),
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: const Text(
          '华为账号Demo',
          style: TextStyle(color: Colors.black),
        ),
        backgroundColor: Colors.white,
        elevation: 2,
      ),
      body: SafeArea(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.only(top: 20.0, bottom: 10),
              child: Column(
                children: <Widget>[
                  SizedBox(
                    height: 310,
                    child: Scrollbar(
                      thumbVisibility: true,
                      controller: controller,
                      child: ListView(
                        controller: controller,
                        children: [
                          Padding(
                            padding: const EdgeInsets.symmetric(horizontal: 15),
                            child: HuaweiIdAuthButton(
                              onPressed: _signIn,
                              elevation: 0,
                              borderRadius: AuthButtonRadius.SMALL,
                              buttonColor: AuthButtonBackground.RED,
                            ),
                          ),
                          _buildAuthButton(
                            '静默登录',
                            _silentSignIn,
                          ),
                          _buildAuthButton(
                            '登出',
                            _signOut,
                          ),
                          _buildAuthButton(
                            '取消授权',
                            _revokeAuthorization,
                          ),
                          _buildAuthButton(
                            "构建网络Cookie",
                            _buildNetworkCookie,
                          ),
                          _buildAuthButton(
                            "启用日志",
                            _enableLogger,
                          ),
                          _buildAuthButton(
                            "禁用日志",
                            _disableLogger,
                          ),
                          _buildAuthButton(
                            "获取授权结果",
                            _getAuthResult,
                          ),
                          _buildAuthButton(
                            "独立登录",
                            _independentSignIn,
                          ),
                          _buildAuthButton(
                            "请求访问令牌",
                            _requestAccessToken,
                          ),
                          _buildAuthButton(
                            "获取扩展授权结果",
                            _getExtendedAuthResult,
                          ),
                          _buildAuthButton(
                            "删除授权信息",
                            _deleteAuthInfo,
                          ),
                          _buildAuthButton(
                            "构建网络URL",
                            _buildNetworkUrl,
                          ),
                          _buildAuthButton(
                            "添加带有扩展结果的授权",
                            _addAuthWithExtendedResult,
                          ),
                          _buildAuthButton(
                            "请求联合ID",
                            _requestUnionId,
                          ),
                          _buildAuthButton(
                            "包含扩展参数的作用域",
                            containScopesWithExtendedParams,
                          ),
                        ],
                      ),
                    ),
                  ),
                ],
              ),
            ),
            const Divider(
              indent: 15,
              endIndent: 15,
              color: Colors.blueGrey,
            ),
            const Padding(
              padding: EdgeInsets.symmetric(vertical: 10.0),
              child: Text('---- 双击清除日志 ----'),
            ),
            Expanded(
              child: GestureDetector(
                onDoubleTap: () {
                  setState(() {
                    _logs.clear();
                  });
                },
                child: ListView.builder(
                  itemCount: _logs.length,
                  itemBuilder: (BuildContext context, int index) {
                    return Padding(
                      padding: const EdgeInsets.symmetric(
                          horizontal: 15, vertical: 5),
                      child: SelectableText(
                        '> ${_logs[index]}',
                        style: const TextStyle(color: Colors.black54),
                      ),
                    );
                  },
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Future<void> containScopesWithExtendedParams() async {
    AuthAccount acc = AuthAccount();
    try {
      bool contain = await AccountAuthManager.containScopesWithExtendedParams(
          null, Impl());
      _addToLogs("包含扩展参数的作用域: $contain");
    } catch (e) {
      _addToLogs("包含扩展参数的作用域: ${e.toString()}");
    }
  }

  Future<void> _requestUnionId() async {
    // 替换为您的账户对象
    Account account = Account();
    try {
      String unionId = await HuaweiIdAuthTool.requestUnionId(account);
      _addToLogs("请求联合ID: $unionId");
    } catch (e) {
      _addToLogs("请求联合ID: ${e.toString()}");
    }
  }

  // 此函数无返回类型，查看HMS日志
  void _addAuthWithExtendedResult() {
    AccountAuthManager.addAuthScopesWithExtendedParams(200, Impl());
  }

  Future<void> _buildNetworkUrl() async {
    try {
      String url = await NetworkTool.buildNetworkUrl("<domain>", true);
      _addToLogs("构建网络URL: $url");
    } catch (e) {
      _addToLogs(e.toString());
    }
  }

  Future<void> _deleteAuthInfo() async {
    // 输入您的访问令牌
    bool isDeleted =
        await HuaweiIdAuthTool.deleteAuthInfo("<YOUR_ACCESS_TOKEN>");
    _addToLogs("删除授权信息: $isDeleted");
  }

  Future<void> _requestAccessToken() async {
    try {
      Account acc =
          Account(name: "alperenkildir98@gmail.com", type: "com.huawei.hwid");
      String str = await HuaweiIdAuthTool.requestAccessToken(acc, [
        Scope.email,
        Scope.profile,
        Scope.accountMobileNumber,
        Scope.openId,
        Scope.game
      ]);
      log("令牌: $str");
      _addToLogs("请求访问令牌: $str");
    } catch (e) {
      _addToLogs("请求访问令牌: ${e.toString()}");
    }
  }

  Future<void> _getExtendedAuthResult() async {
    AuthAccount account =
        await AccountAuthManager.getExtendedAuthResult(Impl());
    _addToLogs("扩展授权结果: ${account.toMap()}");
    log("账户: ${account.toMap()}");
  }

  Future<void> _independentSignIn() async {
    var acc = await AccountAuthService({}).independentSignIn("<access_token>");
    _addToLogs("从独立登录: ${acc.toMap()}");
  }

  Future<void> _getAuthResult() async {
    var acc = await AccountAuthManager.getAuthResult();

    _addToLogs("授权结果: ${acc.toMap()}");
  }

  void _enableLogger() {
    AccountAuthManager.enableLogger();
    _addToLogs("HMS日志已启用");
  }

  void _disableLogger() {
    AccountAuthManager.disableLogger();
    _addToLogs("HMS日志已禁用");
  }

  Future<void> _buildNetworkCookie() async {
    var cookie = await NetworkTool.buildNetworkCookie(
        "name", "value", "value", "value", true, true, 40.0);
    _addToLogs("构建网络Cookie: $cookie");
  }

  Future<void> _signIn() async {
    try {
      final AuthAccount account = await _authService.signIn();

      _addToLogs('从登录: ${account.toMap()}');
      log("${account.toMap()}");
    } on Exception catch (e) {
      _addToLogs(e.toString());
    }
  }

  Future<void> _signOut() async {
    try {
      final bool res = await _authService.signOut();
      _addToLogs('从登出: $res');
    } on Exception catch (e) {
      _addToLogs(e.toString());
    }
  }

  Future<void> _silentSignIn() async {
    try {
      final AuthAccount account = await _authService.silentSignIn();
      _addToLogs('从静默登录: ${account.displayName}');
    } on Exception catch (e) {
      _addToLogs(e.toString());
    }
  }

  Future<void> _revokeAuthorization() async {
    try {
      final bool res = await _authService.cancelAuthorization();
      _addToLogs('从取消授权: $res');
    } on Exception catch (e) {
      _addToLogs(e.toString());
    }
  }

  void _addToLogs(String s) {
    setState(() {
      _logs.add(s);
    });
  }
}

class Impl extends AccountAuthExtendedParams {
  [@override](/user/override)
  int getExtendedParamType() {
    return super.games;
  }

  [@override](/user/override)
  List<Scope> getExtendedScopes() {
    return [Scope.email];
  }
}