在前端开发中，安全性是非常重要的一个方面。为了保护用户数据不被泄露，我们常常使用颁发的 JWT（JSON Web Token）来进行身份验证和访问控制。而在 TypeScript 开发时，则需要使用 @types/jsonwebtoken 这个 npm 包来确保类型安全。
本篇文章将会介绍如何在 TypeScript 中使用 @types/jsonwebtoken，包括安装、导入、创建 JWT、验证 JWT，以及一些实际应用中的示例代码。
安装
在开始之前，需要确保已经安装了 npm 包管理器。
在命令行中使用以下命令安装 @types/jsonwebtoken 包：
npm install @types/jsonwebtoken
导入
在代码文件中导入 @types/jsonwebtoken 包：
import jwt from 'jsonwebtoken';
创建 JWT
创建 JWT 需要使用预共享密钥，该密钥用于签发和验证令牌。在 npm @types/jsonwebtoken 包中，使用 sign() 方法来创建 JWT。
下面是 sign() 方法的语法：
jwt.sign(payload, secretOrPrivateKey[, options, callback])
payload 参数是一个普通对象，用于存储信息。secretOrPrivateKey 参数是预共享密钥。options 参数是可选的配置对象，用于配置令牌的各种选项。callback 参数是可选的回调函数，用于在令牌签发后执行。
下面是一个创建 JWT 的示例代码：
-- -------------------- ---- ------- ------ --- ---- --------------- -- ------- ----- ------ - ------------ -- -- ----- ---- ----- ------- - - ---------- ------ -- ---- -- -- ---------- -------- -- -- ----------- -- -- -- ---- ----- ------- - - ----- -------- -- --- ---- --- -- -- -------- ----- -- ------ -- -- -- --- ----- ----- - ----------------- ------- --------- -------------------
验证 JWT
在实际应用中，需要验证 JWT 的合法性，以确保令牌是由预共享密钥签发的。在 npm @types/jsonwebtoken 包中，使用 verify() 方法来验证 JWT。
下面是 verify() 方法的语法：
jwt.verify(token, secretOrPrivateKey[, options, callback])
token 参数是要验证的 JWT，secretOrPrivateKey 参数是预共享密钥。options 参数是可选的配置对象，用于配置验证选项。callback 参数是可选的回调函数，用于在验证成功或失败时执行。
下面是一个验证 JWT 的示例代码：
-- -------------------- ---- -------
------ --- ---- ---------------
-- -------
----- ------ - ------------
-- ---- ---
----- ----- -
--------------------------------------------------------------------------------------------------------------------------------------------------------------
-- -- --- ----
----------------- ------- ------- -------- -- -
-- ------- -
------------------ ------ -------
- ---- -
---------------- ------ ---------
-
---示例代码
下面是一个使用 @types/jsonwebtoken 包实现用户登录认证的示例代码：
-- -------------------- ---- -------
------ --- ---- ---------------
------ - -------- --------- ------------ - ---- ----------
-- -- --- ----
----- ------- - -
---------- ------ -- ---- -- --
---------- -------- -- -- ----------- --
--
-- -------
----- ------ - ------------
-- -------
----- ----- - -
-
--- ----
--------- --------
--------- ---------
--
-
--- ----
--------- ------
--------- ---------
--
--
-- ---------
------ -------- ----------------- -------- ---- --------- ----- ------------- -
----- - --------- -------- - - ---------
-- ----
----- ---- - ----------------- -- ------------- --- -------- -- ------------- --- ----------
-- ------- -
------ ---------------------- -------- ---------- ---
-
-- -- ---
----- ----- - ---------- ---- ------- -- ------- ---------
-- -- ---
------ ---------------------- ----- ---
-
-- -------
------ -------- -------------- -------- ---- --------- ----- ------------- -
----- ----- - ------------------------------------- ------
-- -------- -
------ ---------------------- -------- ------- ---
-
-- -- ---
----------------- ------- ------- -------- -- -
-- ------- -
------ ---------------------- -------- ------------- ---
-
-- --- -- -------------
-------- - - --- ----------- --
-- ----------
-------
---
-
-- ---- ---
------ -------- -------------------- -------- ---- --------- -
----- ---- - ----------------- -- ------- --- --------------
------ ---------------------- -------- ---------------------- ---
-结论
本文介绍了如何在 TypeScript 中使用 npm 包 @types/jsonwebtoken，包括安装、导入、创建 JWT 和验证 JWT。我还给出了一个使用 @types/jsonwebtoken 实现用户登录认证的示例代码，希望这些信息能对读者们有所帮助，让前端开发更加高效、优雅、安全。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/93344