在Flutter中，Passkeys 是一种现代、安全的方式来管理用户的密码和身份验证信息。Passkeys 是基于 WebAuthn API 构建的，该 API 旨在提供一种更安全的替代方案，以取代传统的基于密码的身份验证方法。

要在Flutter应用中使用Passkeys，你可以结合使用 flutter_webauthn 插件，该插件提供了对 WebAuthn API 的访问。下面是一个简单的代码示例，展示了如何在Flutter应用中实现Passkeys的注册和验证。

添加依赖

首先，在你的 pubspec.yaml 文件中添加 flutter_webauthn 依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_webauthn: ^x.y.z  # 请替换为最新版本号

然后运行 flutter pub get 来获取依赖。

注册Passkey

下面是一个注册Passkey的示例代码：

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

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String? registeredCredentialId;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Passkey Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              ElevatedButton(
                onPressed: () async {
                  try {
                    var credential = await FlutterWebAuthn.register(
                      RelyingPartyIdentifier('example.com'),
                      UserIdentifier('user@example.com'),
                      CredentialParameters([
                        PublicKeyCredentialParameters(
                          type: 'public-key',
                          alg: COSEAlgorithm.ES256,
                        ),
                      ]),
                      AuthenticatorSelectionCriteria(
                        requireResidentKey: true,
                        userVerification: 'required',
                      ),
                      AttestationConveyancePreference.direct,
                    );

                    setState(() {
                      registeredCredentialId = credential.id;
                    });

                    print('Credential registered: ${credential.id}');
                  } catch (e) {
                    print('Error registering credential: $e');
                  }
                },
                child: Text('Register Passkey'),
              ),
              if (registeredCredentialId != null)
                Text('Passkey registered with credential ID: $registeredCredentialId'),
            ],
          ),
        ),
      ),
    );
  }
}

验证Passkey

下面是一个验证Passkey的示例代码：

ElevatedButton(
  onPressed: () async {
    try {
      var assertion = await FlutterWebAuthn.getAssertion(
        RelyingPartyIdentifier('example.com'),
        AllowedCredentialDescriptors([
          AllowedCredentialDescriptor(
            id: registeredCredentialId!,
            type: 'public-key',
          ),
        ]),
        AuthenticatorSelectionCriteria(
          userVerification: 'required',
        ),
        ClientExtensionResults(),
      );

      print('Assertion verified: ${assertion.credentialId}');
    } catch (e) {
      print('Error verifying credential: $e');
    }
  },
  child: Text('Verify Passkey'),
),

你可以将验证按钮添加到你的UI中，确保在调用 FlutterWebAuthn.getAssertion 时使用之前注册的 credentialId。

注意事项

1. 平台支持：WebAuthn API 主要在较新的浏览器和操作系统版本中得到支持。确保你的目标平台支持WebAuthn。
2. 依赖版本：在实际项目中，请确保使用最新版本的 flutter_webauthn 插件，并查看其文档以获取最新的API和使用指南。
3. 安全性：Passkeys 提供了一种更安全的身份验证方式，但务必遵循最佳实践，确保你的应用安全。

这个示例提供了一个基础框架，你可以根据需要进行扩展和定制。