轻松实现Token认证：JJWT的前后端实践指南

2023-12-23 11:18:03

使用 JJWT 确保网络应用程序中的安全通信

简介

在当今的数字世界中，安全可靠的通信对于构建值得信赖的网络应用程序至关重要。JSON Web Token (JWT) 是一种紧凑、自包含的格式，专门设计用于在服务端和客户端之间安全地传输信息。通过使用 JWT，开发人员可以实现无状态认证、授权和敏感数据传输。

JJWT 组成

JWT 由三个主要部分组成：

Header： 包含有关令牌本身的信息，如算法和类型。
Payload： 包含要传输的数据，如用户 ID、角色或其他自定义信息。
Signature： 使用 Header 和 Payload 以及秘密密钥生成，用于确保令牌的完整性和真实性。

JJWT 场景

JJWT 在各种场景中都很有用，包括：

用户认证： 通过 JWT，应用程序可以实现无状态认证，无需存储用户会话状态。
授权： JWT 允许应用程序轻松控制用户对特定资源的访问权限。
数据传输： 敏感数据，如个人信息或支付信息，可以使用 JWT 安全地传输。

JJWT 实现

在 Java 后端 中，可以使用 JJWT 库来轻松实现 JWT 认证。此库提供多种功能，包括生成、验证和加密/解密 JWT 令牌。以下示例演示了如何使用 JJWT 库生成和验证 JWT 令牌：

import io.jsonwebtoken.Jwts;
import io.jsonwebtoken.SignatureAlgorithm;
import java.util.Date;

public class JwtUtil {

  private static final String SECRET_KEY = "mysecretkey";

  public static String generateToken(String username) {
    Date now = new Date();
    Date expirationDate = new Date(now.getTime() + 1000 * 60 * 60 * 24);

    return Jwts.builder()
        .setSubject(username)
        .setIssuedAt(now)
        .setExpiration(expirationDate)
        .signWith(SignatureAlgorithm.HS512, SECRET_KEY)
        .compact();
  }

  public static String verifyToken(String token) {
    try {
      return Jwts.parser()
          .setSigningKey(SECRET_KEY)
          .parseClaimsJws(token)
          .getBody()
          .getSubject();
    } catch (Exception e) {
      return null;
    }
  }
}

在 JavaScript 前端 中，可以使用 axios 库发送和接收 HTTP 请求，并使用 jwt-decode 库解析 JWT 令牌。以下示例演示了如何使用这些库发送和解析 JWT 令牌：

import axios from 'axios';
import jwtDecode from 'jwt-decode';

const API_URL = 'http://localhost:8080';

const token = 'eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ1c2VybmFtZSIsImV4cCI6MTY1NzU3NDY3OX0.qB_CR-e7DgBiq6qTCwV8cAdx3l2i8vNKFxd5oq2BzwVwqZqpO2f7L6z0gMuDjn63l5RxnJBUkBwMLvbu6s6kA';

axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;

axios.get(`${API_URL}/protected`)
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });

const decodedToken = jwtDecode(token);

console.log(decodedToken);