Curious TechieDev Toolbox
Laboratorio InteractivoLab #01

Laboratorio Interactivo de Construcción de JWT

Descubra cómo funcionan los JSON Web Tokens internamente. Edite el encabezado y el payload JSON para ver los tres componentes ensamblarse en tiempo real.

1. HEADER (ALGORITHM & TYPE)Base64URL Part 1
2. PAYLOAD (DATA & CLAIMS)Base64URL Part 2
3. HMAC SHA-256 SIGNING SECRETUsed to generate signature

Assembled Compact JWT

..

How this token is generated:

1. Header: Base64URL(JSON.stringify(Header)) →

2. Payload: Base64URL(JSON.stringify(Payload)) →

3. Signature: HMACSHA256(HeaderB64 + "." + PayloadB64, Secret)