Curious TechieDev Toolbox
インタラクティブラボLab #01

インタラクティブ JWT 構築ラボ

JSON Web Tokenの内部動作を体験。以下のヘッダーとペイロードを編集して、3つのBase64URLエンコードコンポーネントがリアルタイムに結合する様子を確認できます。

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)