Flutter阿里巴巴认证插件ali_auth_fplus的使用

Flutter阿里巴巴认证插件ali_auth_fplus的使用

ali_auth 概述

ali_auth 是一个用于阿里云号码认证服务的一键登录插件。该项目支持多种功能，并且由于其后端依赖阿里云服务，因此在后期维护上更为便捷。此插件完全开源且高度可定制化，如果你在使用过程中遇到任何问题，欢迎反馈。如果你认为此插件还不够完善，也可以提出你的宝贵意见。

如果希望在自己的项目中进行自定义修改，请先克隆此插件并本地调整。但请注意，若基于此插件开发其他版本插件，需注明来源并附上此插件的链接，感谢您的配合！

版本升级注意事项

从 0.0.6 版本开始，前端配置参数进行了较大改动。如果你不想修改这些参数，建议不要升级到更高版本，以避免不必要的麻烦。

支持平台

代码点击响应

以下是 ali_auth 插件的点击事件响应码及其描述：

使用步骤

1. 参考官方文档：阿里云号码认证帮助文档
2. 前往阿里云控制台，添加号码认证方案并获取秘钥。
3. 使用秘钥初始化插件环境：调用 AliAuthPlugin.initSdk() 方法。

注意事项

1. 针对移动闪退问题：

在示范工程中，需在 pods -> TARGETS -> ali_auth -> Build Settings -> Linking -> Other Linker Flags 中添加 -ObjC 参数（因为 AuthSDK 是通过 Pod 引入的，因此需要此配置，否则可能导致移动端崩溃）。
如下图所示：

2. 不要重复添加 ATAuthSDK.framework

如果在编译时重复添加 ATAuthSDK.framework，可能会导致未知错误。以下为错误操作示例：

DEMO 示例

以下是完整的代码示例，展示如何集成 ali_auth 插件并实现一键登录功能：

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:ali_auth/ali_auth.dart';
import 'package:flutter/services.dart';
import 'dart:io';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  /// 初始化插件
  /// 参数说明：
  /// sk: 阿里云秘钥
  /// config: 配置参数，包含全屏或弹窗模式
  final result;
  if (Platform.isAndroid) {
    result = await AliAuthPlugin.initSdk(
      sk: 'uYhNaUWEW+1rV9cq27oAQVWi8qFaF1wKfHr6BjrdnMoyQbtAxIA7q/ToLl1xKGCAwDl66Mii6KXK3FstD+PNcwS0aFCLorOrYHMHed8FX7AT8qu/AlzTXE05g0FmUMb5z1QKCiyvpmP+THs04fCfVtHsYdirkJGcd58r24o3QykIatcZYgd1jB3WAz3HLUqCg4afUK49SggbPdwscSfVV8wcB/hP+ST9kUVD02JmsqLA4YZUCRuUX2+o5AG1UpJwi/OHEccrFyEwuODaFzDSMPVth2pTZEwCB/g3PeLWhUQlWxvRqolgWQ==',
      config: getDislogConfig(),
    );
  } else {
    result = await AliAuthPlugin.initSdk(
      sk: '6QzZRbemo+1Zm/C6pMyJQ34YZDafH0UCvIUN1hMnHYHnL5Be2MzeRRC2tmWUywNpxWLvqh9kjrRcE7lVVUZFTWCqKvp2VZuvOIOrZIfCxWWcu7YfEDCrlwekJhEh0EGot3tsDcO8pvgLY5nIc7FmiFGdaWDJ8j6mMRkQJ66PC82H5k9ZR8+MTdGC0zH13ToUxzRGP2d3vzNOAFUbzuKnJA6NdndsTb+CzzoBPR0n3pPuknIUI7u0V5rEc8x7D1pg1lALpB7TFi5y5di3vmUCz6iNk1oyj/9xqNmUHpJg8BY=',
      config: getConfig(), //getDislogConfig(),
    );
  }

  print(result);

  runApp(
    MaterialApp(
      home: MyApp(),
    ),
  );

  SystemUiOverlayStyle systemUiOverlayStyle =
      SystemUiOverlayStyle(statusBarColor: Colors.transparent);
  SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
}

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  BuildContext? mContext;
  Timer? countdownTimer;

  [@override](/user/override)
  void initState() {
    super.initState();

    /// 执行相关登录
    login();
  }

  /// 相关登录
  login() async {
    /// 登录监听
    AliAuthPlugin.loginListen(
        type: false, onEvent: _onEvent, onError: _onError);
  }

  /// 登录成功处理
  void _onEvent(event) async {
    print("-------------成功分割线------------$event");
    if (event != null && event['code'] != null) {
      if (event['code'] == '600024') {
        await AliAuthPlugin.login;
      } else if (event['code'] == '600000') {
        print('获取到的token${event["data"]}');
      }
    }
  }

  /// 登录错误处理
  void _onError(error) {
    print("-------------失败分割线------------$error");
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        brightness: Brightness.light,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('阿里云一键登录插件'),
        ),
        body: Column(
          children: <Widget>[
            ElevatedButton(
              onPressed: () async {
                final result = await AliAuthPlugin.login;
                print(result);
              },
              child: Text('直接登录'),
            ),
            Platform.isIOS
                ? ElevatedButton(
                    onPressed: () async {
                      await AliAuthPlugin.appleLogin;
                    },
                    child: Text('apple登录'),
                  )
                : Container()
          ],
        ),
      ),
    );
  }
}