Flutter JWT处理插件fennec_jwt的使用

Flutter JWT处理插件fennec_jwt的使用

fennec_jwt 是一个用于生成和验证 JWT 的 Dart 插件。它属于 Fennec 框架（pub.dev），但可以单独使用。

支持的哈希算法

  • SHA-1
  • SHA-256
  • SHA-512
  • MD5

安装

在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  fennec_jwt: ^版本号

然后运行 flutter pub get 命令以安装该插件。

使用

以下是一个完整的示例，展示了如何生成和验证 JWT。

import 'dart:math';

import 'package:fennec_jwt/fennec_jwt.dart';

// 共享密钥
final String sharedSecret = '123456';

void main(List<String> arguments) {
  // 创建 JWT ClaimSet
  final claimSet = JwtClaim(
    issuer: 'fennec_jwt',
    subject: 'jwt',
    audience: ['fennec_jwt@test.com'],
    jwtId: generateRandomString(32),
    otherClaims: {},
    maxAge: const Duration(minutes: 5),
  );

  // 生成 JWT
  final token = generateJwtHS256(claimSet, sharedSecret);

  print('JWT: "$token"\n');

  // 验证 JWT
  validateJwt(token);
}

// 验证 JWT
void validateJwt(String token) {
  final claimSet = verifyJwtHS256Signature(token, sharedSecret);
  claimSet.validate(issuer: 'fennec_jwt', audience: 'fennec_jwt@test.com');
  print(claimSet.toJson());
}

// 生成随机字符串
String generateRandomString(int len) {
  var r = Random();
  return String.fromCharCodes(
      List.generate(len, (index) => r.nextInt(33) + 89));
}

代码解释

  1. 导入必要的库：

    import 'dart:math';
import 'package:fennec_jwt/fennec_jwt.dart';

  2. 定义共享密钥：

    final String sharedSecret = '123456';

  3. 创建 JWT ClaimSet：

    final claimSet = JwtClaim(
  issuer: 'fennec_jwt',
  subject: 'jwt',
  audience: ['fennec_jwt@test.com'],
  jwtId: generateRandomString(32),
  otherClaims: {},
  maxAge: const Duration(minutes: 5),
);

    这里设置了 JWT 的发行人、主题、受众、JWT ID、其他声明以及最大有效期。

  4. 生成 JWT：

    final token = generateJwtHS256(claimSet, sharedSecret);

    使用 HS256 算法生成 JWT。

  5. 打印生成的 JWT：

    print('JWT: "$token"\n');

  6. 验证 JWT：

    void validateJwt(String token) {
  final claimSet = verifyJwtHS256Signature(token, sharedSecret);
  claimSet.validate(issuer: 'fennec_jwt', audience: 'fennec_jwt@test.com');
  print(claimSet.toJson());
}

    使用相同的共享密钥验证 JWT，并检查其有效性。

  7. 生成随机字符串：

    String generateRandomString(int len) {
  var r = Random();
  return String.fromCharCodes(
      List.generate(len, (index) => r.nextInt(33) + 89));
}

更多关于Flutter JWT处理插件fennec_jwt的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter JWT处理插件fennec_jwt的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然，以下是如何在Flutter项目中使用fennec_jwt插件来处理JWT（JSON Web Token）的示例代码。fennec_jwt插件可以帮助你解码、验证和创建JWT。

首先，确保你已经在pubspec.yaml文件中添加了fennec_jwt依赖：

dependencies:
  flutter:
    sdk: flutter
  fennec_jwt: ^latest_version  # 请替换为最新的版本号

然后运行flutter pub get来安装依赖。

接下来，你可以在你的Flutter项目中使用fennec_jwt。以下是一个示例，展示如何解码和验证JWT：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter JWT Example'),
        ),
        body: Center(
          child: JWTExample(),
        ),
      ),
    );
  }
}

class JWTExample extends StatefulWidget {
  @override
  _JWTExampleState createState() => _JWTExampleState();
}

class _JWTExampleState extends State<JWTExample> {
  String decodedJWT = '';

  @override
  void initState() {
    super.initState();
    _decodeAndVerifyJWT();
  }

  void _decodeAndVerifyJWT() async {
    // 示例JWT，请替换为你的实际JWT
    String jwt = 'your.jwt.here';
    String secret = 'your_secret_key'; // 用于验证JWT的密钥

    try {
      // 解码JWT
      DecodedJWT decodedJWT = await FennecJWT.decode(jwt);
      
      // 打印解码后的内容
      print('Decoded JWT: $decodedJWT');

      // 验证JWT（可选，但推荐）
      bool isVerified = await FennecJWT.verify(jwt, secret);
      
      // 根据验证结果更新UI
      setState(() {
        this.decodedJWT = isVerified
            ? 'Decoded and verified JWT: ${decodedJWT.toJson()}'
            : 'Failed to verify JWT';
      });
    } catch (e) {
      // 处理异常
      print('Error decoding or verifying JWT: $e');
      setState(() {
        this.decodedJWT = 'Error decoding or verifying JWT: $e';
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Text(decodedJWT);
  }
}

解释

  1. 添加依赖：确保在pubspec.yaml文件中添加了fennec_jwt依赖。
  2. 导入包：在需要使用JWT功能的Dart文件中导入fennec_jwt包。
  3. 解码JWT：使用FennecJWT.decode方法解码JWT字符串。
  4. 验证JWT：使用FennecJWT.verify方法验证JWT字符串（需要提供用于签名的密钥）。
  5. 更新UI：根据解码和验证的结果更新UI。

注意

  • 替换示例中的JWT和密钥为你的实际值。
  • 确保处理JWT时遵循安全最佳实践，特别是在处理敏感信息时。

这样，你就可以在Flutter项目中使用fennec_jwt插件来处理JWT了。

回到顶部