以下の手順に従って、Next.jsプロジェクトにjsonwebtokenを追加します。
-
ターミナルを開き、Next.jsプロジェクトのルートディレクトリに移動します。
-
次のコマンドを実行して、jsonwebtokenパッケージをインストールします。
npm install jsonwebtoken
または、Yarnを使用している場合は次のコマンドを実行します。
yarn add jsonwebtoken
これにより、jsonwebtokenパッケージがプロジェクトに追加されます。
-
Next.jsのコードでjsonwebtokenを使用する準備が整いました。以下は、jsonwebtokenを利用してトークンを生成する例です。
const jwt = require('jsonwebtoken'); const secretKey = 'your_secret_key'; const payload = { userId: 1 }; const token = jwt.sign(payload, secretKey); console.log(token);
上記の例では、
your_secret_key
を自分の秘密のキーに置き換えて使用します。payload
オブジェクトには、任意のユーザーIDやその他の情報を含めることができます。 -
トークンの検証には、以下の例のようにjsonwebtokenを使用します。
const jwt = require('jsonwebtoken'); const token = 'your_token'; const secretKey = 'your_secret_key'; try { const decoded = jwt.verify(token, secretKey); console.log(decoded); } catch (error) { console.log(error.message); }
your_token
とyour_secret_key
を適切な値に置き換えて使用します。jwt.verify
メソッドは、トークンを検証し、デコードされたペイロードを返します。検証に失敗した場合は、エラーメッセージが表示されます。
これで、Next.jsプロジェクトでjsonwebtokenを使用する準備が整いました。必要に応じて、これらのコード例をカスタマイズして使用してください。