ホームページ > 記事 > ウェブフロントエンド > ノードでの jwt の使用を 4 つの側面から見てみましょう

ノードでの jwt の使用を 4 つの側面から見てみましょう

青灯夜游転載: 2022-01-10 19:19:182088ブラウズ

nodejs で jwt を使用するにはどうすればよいですか?以下の記事ではjwtの使い方を4つの側面から紹介していきますので、ぜひ参考にしてください。

はじめに: http はステートレスであるため、リクエスト応答プロセス中にユーザー ID 情報が保存および記録されないため、多くのユーザーが存在します。 . Cookie、セッション、jwt など、ユーザー ID を保存する方法を特定します。最近作成したインターフェイスサービスでは、ユーザー情報の保存と管理に jwt を使用しています。ローカル Cookie ストレージやサーバー側のセッションストレージと比較して、jwt はより安全で、より経済的で便利になりました。この記事では、node## での jwt の提供に焦点を当てています。 # 使い方を簡単にまとめてみましょう。
#ディレクトリ

jwtの紹介

インストール構成
カプセル化方法
実践演習
この記事では、上記の 4 つの側面から jwt の使い方を紹介します。

jwt の概要

コンセプト

JWT

正式名称は JSON Web Token で、オープン標準ですRFC 7519 は、関係者間で情報を JSON オブジェクトとして安全に転送するためのコンパクトで自己完結型の方法を定義しています。 JWT は、秘密キー、または RSA または ECDSA を使用する公開/秘密キーのペアを使用して署名でき、署名を検証できます。

コンポーネント

jwt 署名トークンは通常、Header (ヘッダー情報)、Payload (ローダー)、Signature (署名) の 3 つの部分で構成されます。例:

xxxxx.yyyyy.zzzzzz

。

header

は通常、ストレージトークンのタイプと署名アルゴリズムです。たとえば、

{
  "alg": "HS256",
  "typ": "JWT"
}

Payload

です。

例:

{
  "sub": "1234567890",
  "name": "John Doe",
  "admin": true
}

署名

署名アルゴリズムを使用してヘッダーとペイロードに署名します

例:

HMACSHA256(
  base64UrlEncode(header) + "." +
  base64UrlEncode(payload),
  secret)

標準の jwt 署名トークンは次のようになります

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeK KF2Q T4fwpMeJf36POk6yJV_adQssw5c

。

アプリケーションシナリオ

ユーザー承認アクセス

たとえば、ユーザーがログインした後、サーバーは jwt トークンを発行します。ユーザーがデータをリクエストするたびに、このトークンがリクエストヘッダーに含まれます。サーバー側で検証に合格した後にデータを取得できます。この方法ではオーバーヘッドが非常に少なく、サーバー側にストレージを必要としません。ドメイン間で使用することもできます。

情報交換

当事者間で情報を暗号化して保存し、署名の内容が改ざんされていないかどうかを確認します。

セキュリティ

トークンは逆アセンブルされ、内部のヘッダーとペイロードが解析されて表示される可能性があるため、ペイロードには個人情報を保存しないようにしてください。

インストール構成

ノードで jwt を使用して操作を実行してみましょう。

npm Web サイトには多くの jwt パッケージがあり、適切だと思うものを選択できます。

Search jwt

Install jwt

個人的には、この

jsonwebtoken

は非常に優れていると思います。この記事このパッケージを使用するだけです。

npm i jsonwebtoken

一般的な使用法

署名

署名の構文

:jwt.sign(ペイロード、secretOrPrivateKey、[オプション、コールバック])。例:

// 一般签名
var jwt = require(&#39;jsonwebtoken&#39;);
var token = jwt.sign({ foo: &#39;bar&#39; }, &#39;secret&#39;);

//  加私钥签名
var privateKey = fs.readFileSync(&#39;private.key&#39;);
var token = jwt.sign({ foo: &#39;bar&#39; }, privateKey, { algorithm: &#39;RS256&#39;});

// 设置过期时间
jwt.sign({
  data: &#39;bar&#39;
}, &#39;secret&#39;, { expiresIn: 60 * 60 }); // 1h

Verification

検証構文

:jwt.verify(token, secretOrPublicKey, [オプション、コールバック])例:

// 一般验证
var decoded = jwt.verify(token, &#39;secret&#39;);
console.log(decoded.foo) // bar

// 公钥验证
var cert = fs.readFileSync(&#39;public.pem&#39;);
jwt.verify(token, cert, function(err, decoded) {
  console.log(decoded.foo) // bar
});

デコード

デコード構文

:jwt .decode (token [, options])例:

var decoded = jwt.decode(token, {complete: true});
console.log(decoded.header);
console.log(decoded.payload);

カプセル化方法

インストール構成の方法による、必要なセカンダリカプセル化に応じて、より適切な方法を選択できます。

依存パッケージと構成の紹介

const jwt = require("jsonwebtoken");
const config = {
    secret: &#39;2021123456**&#39;,
    time: 60 * 60,
}

署名

function create (data, time) {
  let token = jwt.sign(data, config.secret, {
    algorithm: "HS256",
    expiresIn: time || config.time,
  })
  return token;
}

検証

function verify (token) {
  return jwt.verify(token, config.secret, function (err, decoded) {
    if (err) {
      return {
        code: 1,
        msg: &#39;invalid&#39;,
        data: null,
      }
    } else {
      return {
        code: 2,
        msg: &#39;valid&#39;,
        data: decoded,
      }
    }
  })
}

Decoding

function decoded (token, complete = true) {
  return jwt.decode(token, {
    complete,
  });
}

実践的な実践

上記のカプセル化方法を実行した後、実際に実践して、効果があるかどうかを確認できます。

新建一个文件夹test,新建一个文件index.js用于存放测试案例，jwt.js用于存储调用方法。

mkdir test
cd test
npm init -y
npm i jsonwebtoken

jwt方法

// jwt.js
const jwt = require(&#39;jsonwebtoken&#39;);
const config = {
    secret: &#39;2021123456&#39;, // 密钥
    time: 60*60, // 过期时间
}

// 创建签名令牌
function create (data, time) {
    let token = jwt.sign(data, config.secret, {
        algorithm: &#39;HS256&#39;,
        expiresIn: time || config.time,
    });
    return token;
}

// 验证令牌
function verify (token) {
    return jwt.verify(token, config.secret, function (err, decoded) {
      if (err) {
        return {
          code: 1,
          msg: &#39;invalid&#39;,
          data: null,
        }
      } else {
        return {
          code: 2,
          msg: &#39;valid&#39;,
          data: decoded,
        }
      }
    })
}

// 解码令牌
function decoded (token, complete = true) {
    return jwt.decode(token, {
      complete,
    });
}

const token = {
    create,
    verify,
    decoded,
}

module.exports = token;

创建token,验证token，解码token

// index.js
const jwt = require(&#39;./jwt&#39;);

// 生成令牌
let token = jwt.create({&#39;id&#39;: 1, &#39;name&#39;: &#39;mark&#39;}, 60*60*2);
console.log(token); 

/*
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.
eyJpZCI6MSwibmFtZSI6Im1hcmsiLCJpYXQiOjE2MzkxMDYyNzMsImV4cCI6MTYzOTExMzQ3M30.
20O1r0NVMf-j-9RwNcgls9ja0n1rGqSKN51_cRcvpE8
*/

// 验证令牌
let verifyRes = jwt.verify(token);
console.log(verifyRes); 

/* 
{
    code: 2,
    msg: &#39;valid&#39;,
    data: { id: 1, name: &#39;mark&#39;, iat: 1639106273, exp: 1639113473 }
}
*/

// 解码令牌
let deRes = jwt.decoded(token, true);
console.log(deRes);

/*
{
  header: { alg: &#39;HS256&#39;, typ: &#39;JWT&#39; },
  payload: { id: 1, name: &#39;mark&#39;, iat: 1639106273, exp: 1639113473 },
  signature: &#39;20O1r0NVMf-j-9RwNcgls9ja0n1rGqSKN51_cRcvpE8&#39;
}
*/

运行一下命令node index.js测试是否正确。

好了，以上就是jwt在node中的一些应用和实践方法！

更多node相关知识，请访问：nodejs 教程！！

以上がノードでの jwt の使用を 4 つの側面から見てみましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事はjuejin.cnで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。

前の記事：Angular での監視可能なオブジェクト、オブザーバー、RxJS オペレーターの簡単な分析次の記事：Angular での監視可能なオブジェクト、オブザーバー、RxJS オペレーターの簡単な分析

続きを見る