Flutter安全认证插件flutter_passkey的使用

flutter_passkey 是一个用于在Flutter应用中实现Passkey认证功能的插件。该插件目前支持Android和iOS平台。

平台支持情况

使用方法

要在Flutter项目中使用这个插件，首先需要在 pubspec.yaml 文件中添加 flutter_passkey 作为依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_passkey: ^latest_version

示例代码

以下是一个完整的示例应用程序，展示了如何使用 flutter_passkey 插件来注册和验证 Passkey。

main.dart

import 'package:flutter/material.dart';
import 'package:flutter_passkey/flutter_passkey.dart';

void main() {
  runApp(const MyApp());
}

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

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

class _MyAppState extends State<MyApp> {
  final _flutterPasskeyPlugin = FlutterPasskey();
  bool _isPasskeySupported = false;

  // 模拟从服务器获取创建选项
  String _getCredentialCreationOptions() {
    // 这里应该从服务器获取实际数据
    return '{"challenge":"some-challenge","rp":{"name":"Example RP"},"user":{"id":"user-id","name":"User Name","displayName":"Display Name"},"pubKeyCredParams":[{"type":"public-key","alg":-7}]}';
  }

  // 模拟从服务器获取请求选项
  String _getCredentialRequestOptions() {
    // 这里应该从服务器获取实际数据
    return '{"challenge":"some-challenge","allowCredentials":[{"type":"public-key","id":"credential-id"}],"rpId":"example.com"}';
  }

  @override
  void initState() {
    super.initState();
    _flutterPasskeyPlugin.isSupported().then((value) => setState(() {
      _isPasskeySupported = value;
    }));
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Container(
          padding: const EdgeInsets.all(40),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              if (!_isPasskeySupported)
                const Center(
                  child: Text("This platform doesn't support Passkey."),
                ),
              if (_isPasskeySupported)
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    FilledButton(
                      onPressed: () {
                        final options = _getCredentialCreationOptions();
                        _flutterPasskeyPlugin.createCredential(options).then((response) {
                          // 将响应发送到服务器
                          print('Create Credential Response: $response');
                        }).catchError((error) {
                          // 处理错误
                          print('Error creating credential: $error');
                        });
                      },
                      child: const Text("Register Passkey"),
                    ),
                    FilledButton(
                      onPressed: () {
                        final options = _getCredentialRequestOptions();
                        _flutterPasskeyPlugin.getCredential(options).then((response) {
                          // 将响应发送到服务器
                          print('Get Credential Response: $response');
                        }).catchError((error) {
                          // 处理错误
                          print('Error getting credential: $error');
                        });
                      },
                      child: const Text("Verify Passkey"),
                    ),
                  ],
                ),
            ],
          ),
        ),
      ),
    );
  }
}

更多信息

了解更多关于 flutter_passkey 的信息和示例，请参考以下资源：

• AuthenTrend RP App Example

通过以上步骤，您可以在Flutter应用中集成Passkey认证功能，提高应用的安全性。请确保根据您的具体需求调整代码，并从服务器获取正确的认证选项。