Flutter原生认证插件native_authentication的使用

简介

native_authentication 是一个用 Dart 编写的库，用于通过原生 API 执行身份验证流程。以下是 NativeAuthentication 的平台实现：

示例代码

以下是一个完整的示例代码，展示如何在 Flutter 中使用 native_authentication 插件。

示例代码

import 'dart:developer';
import 'dart:io';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:logging/logging.dart';
import 'package:native_authentication/native_authentication.dart';

// 创建 NativeAuthentication 实例
final NativeAuthentication nativeAuth = NativeAuthentication(
  logger: Logger.root,
);

void main() {
  // 设置日志级别为 ALL
  Logger.root.level = Level.ALL;
  Logger.root.onRecord.listen((record) {
    log(
      record.message,
      level: record.level.value,
      name: record.loggerName,
    );
  });
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  // 保存回调结果
  Future<String> _result = Future<String>.value('awaiting callback');

  // 根据平台选择合适的回调类型
  CallbackType get callbackType {
    const localhost = CallbackType.localhost(port: 7777);
    if (kIsWeb) {
      return localhost;
    }
    return switch (Platform.operatingSystem) {
      'ios' || 'android' || 'macos' => const CallbackType.custom('celest'),
      _ => localhost,
    };
  }

  // 执行回调操作
  Future<void> _performCallback() async {
    // 启动回调会话
    final session = nativeAuth.startCallback(
      uri: Uri.parse('https://my-authorization-server'), // 授权服务器 URI
      type: callbackType, // 回调类型
    );
    // 更新 UI 显示回调结果
    setState(() {
      _result = session.redirectUri.then((uri) => 'callback: $uri');
    });
  }

  @override
  Widget build(BuildContext context) {
    const textStyle = TextStyle(fontSize: 25);
    const spacerSmall = SizedBox(height: 10);
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('原生认证示例'),
        ),
        body: Center(
          child: Container(
            padding: const EdgeInsets.all(10),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                // 按钮触发回调操作
                ElevatedButton(
                  onPressed: _performCallback,
                  child: const Text('执行回调'),
                ),
                spacerSmall,
                // 显示回调结果
                FutureBuilder<String>(
                  future: _result,
                  builder: (BuildContext context, AsyncSnapshot<String> value) {
                    final displayValue = (value.hasData)
                        ? value.data
                        : value.hasError
                            ? '${value.error}'
                            : '加载中...';
                    return Text(
                      '结果 = $displayValue',
                      style: textStyle,
                      textAlign: TextAlign.center,
                    );
                  },
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

代码说明

1. 导入必要的包：

   • flutter/foundation 和 flutter/material 提供基础的 Flutter 功能。
   • logging 用于记录日志。
   • native_authentication 是核心插件。

2. 创建 NativeAuthentication 实例：

   final NativeAuthentication nativeAuth = NativeAuthentication(
     logger: Logger.root,
   );
   

3. 设置日志级别：

   Logger.root.level = Level.ALL;
   Logger.root.onRecord.listen((record) {
     log(
       record.message,
       level: record.level.value,
       name: record.loggerName,
     );
   });
   

4. 定义回调类型：

   • 根据平台选择合适的回调类型（如 localhost 或 custom）。

   CallbackType get callbackType {
     const localhost = CallbackType.localhost(port: 7777);
     if (kIsWeb) {
       return localhost;
     }
     return switch (Platform.operatingSystem) {
       'ios' || 'android' || 'macos' => const CallbackType.custom('celest'),
       _ => localhost,
     };
   }
   

5. 执行回调操作：

   • 使用 startCallback 方法启动回调会话。

   Future<void> _performCallback() async {
     final session = nativeAuth.startCallback(
       uri: Uri.parse('https://my-authorization-server'),
       type: callbackType,
     );
     setState(() {
       _result = session.redirectUri.then((uri) => 'callback: $uri');
     });
   }
   

6. UI 部分：

   • 包含一个按钮触发回调操作，并显示回调结果。

   ElevatedButton(
     onPressed: _performCallback,
     child: const Text('执行回调'),
   ),
   FutureBuilder<String>(
     future: _result,
     builder: (BuildContext context, AsyncSnapshot<String> value) {
       final displayValue = (value.hasData)
           ? value.data
           : value.hasError
               ? '${value.error}'
               : '加载中...';
       return Text(
         '结果 = $displayValue',
         style: textStyle,
         textAlign: TextAlign.center,
       );
     },
   ),