Decodificar Token JWT en React

Tiempo de lectura: < 1 minuto

Hoy vamos a aprender una pequeña función para decodificar tokens JWT usando React.

Lo primero que haremos es instalar las librerías necesarias:

JsonWebToken

npm i jsonwebtoken --save

auth0.js

npm install auth0-js --save

Y los tipos si usamos TypeScript:

 npm i --save-dev @types/auth0-js

Una vez instalado, vamos a crear esta función en un archivo de utils.tsx

export function decodificarToken(token: string): any {
  // Importamos la biblioteca `jsonwebtoken` para decodificar el token
  const jwt = require("jsonwebtoken");

  // Decodificamos el token y obtenemos la información del usuario
  const decodedToken = jwt.decode(token, { json: true }) as any;

  // Devolvemos la información del usuario
  return decodedToken;
}

Nos decodificará los tokens que pasemos como parámetro y los devolverá en JSON.