ライブラリを使用せずに JavaScript で JWT トークンをデコードするにはどうすればよいですか?

ライブラリを使用せずに JavaScript で JWT トークンをデコードする

外部ライブラリに依存せずに JWT トークンのペイロードをデコードすることは、フロントエンドの一般的なタスクです発達。これを実現するには、次の手順に従います。

ステップ 1: トークン セグメントの抽出

JWT トークンは、ヘッダー、ペイロード、およびピリオドで区切られた 3 つのセグメントで構成されます。サイン。ペイロードである 2 番目のセグメントを抽出します。

ステップ 2: Base64 ペイロードをデコードする

ペイロードは Base64 でエンコードされます。ブラウザの atob() 関数または Node.js の Buffer.from().toString() を使用してデコードします。

ステップ 3: URL デコード ペイロード

atob() 関数は、base64 を使用します。実際の JSON ペイロードを生成するには、URL デコードする必要があります。

ステップ 4: JSON ペイロードを解析する

デコードされたペイロードを変換して戻すJSON.parse() を使用して JavaScript オブジェクトに変換します。

例

次の JWT トークンの例を考えてみましょう。

xxxxxxxx.XXXXXXXX.xxxxxxxx

上記の手順を実行すると、次の JSON オブジェクトが生成されます:

{
  "exp": 10012016,
  "name": "john doe",
  "scope": ["admin"]
}

注: このメソッドは、トークン プロバイダーの署名のみに依存し、トークンの信頼性を検証しません。

以上がライブラリを使用せずに JavaScript で JWT トークンをデコードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。