Flutter JWT解码插件jwt_decode的使用

jwt_decode 是一个简单的 Dart 包，用于解码 JSON Web Tokens (JWT)，并检查和提供其过期日期。

使用方法

解码令牌

最简单的方法是通过顶级函数 parseJwt() 来使用这个库。

import 'package:jwt_decode/jwt_decode.dart';

void main() {
  String token = 'your.jwt.token.here';
  
  try {
    Map<String, dynamic> payload = Jwt.parseJwt(token);
    print('Payload: $payload');
    
    // 访问特定字段
    print('Email: ${payload['email']}');
  } catch (e) {
    print('Error decoding token: $e');
  }
}

获取过期日期

要获取给定令牌的过期日期，可以将令牌传递给 getExpiryDate() 函数。请注意，此函数的返回值可能是 null。

DateTime? expiryDate = Jwt.getExpiryDate(token);
print('Expiry Date: $expiryDate');

检查令牌是否已过期

要检查令牌是否已过期，可以将令牌传递给 isExpired() 函数。

bool isExpired = Jwt.isExpired(token);
print('Is Expired: $isExpired');

if (!isExpired) {
  // Token isn't expired
} else {
  // Token is expired
}

完整示例Demo

下面是一个完整的示例，演示了如何在 Flutter 应用中使用 jwt_decode 插件。

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

void main() => runApp(MyApp());

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

class JwtDecodeExample extends StatefulWidget {
  @override
  _JwtDecodeExampleState createState() => _JwtDecodeExampleState();
}

class _JwtDecodeExampleState extends State<JwtDecodeExample> {
  String token =
      'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJKV1QgRGVjb2RlIiwiaWF0IjoxNjA4NTgxNzczLCJleHAiOjE2NDAxMTc3NzMsImF1ZCI6Ind3dy5qd3RkZWNvZGUuY29tIiwic3ViIjoiQSBzYW1wbGUgSldUIiwibmFtZSI6IlZhcnVuIFMgQXRocmV5YSIsImVtYWlsIjoidmFydW4uc2F0aHJleWFAZ21haWwuY29tIiwicm9sZSI6IkRldmVsb3BlciJ9.vXE9ogUeMMsOTz2XQYHxE2hihVKyyxrhi_qfhJXamPQ';
  Map<String, dynamic>? payload;
  DateTime? expiryDate;
  bool? isExpired;

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

  void decodeToken() {
    try {
      payload = Jwt.parseJwt(token);
      expiryDate = Jwt.getExpiryDate(token);
      isExpired = Jwt.isExpired(token);
      setState(() {});
    } catch (e) {
      print('Error decoding token: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text('Payload:', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
          if (payload != null)
            ...payload!.entries.map((entry) => ListTile(
                  title: Text('${entry.key}: ${entry.value}'),
                )),
          SizedBox(height: 20),
          Text('Expiry Date:', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
          Text(expiryDate?.toString() ?? 'Not available'),
          SizedBox(height: 20),
          Text('Is Expired:', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
          Text(isExpired.toString()),
        ],
      ),
    );
  }
}

在这个示例中，我们创建了一个简单的 Flutter 应用，它展示了如何解码 JWT、获取过期日期以及检查令牌是否已过期。您可以在自己的项目中根据需要进行调整和扩展。