petite-auth 是一款基于token认证的npm包，该包可以帮助前端开发者轻松完成用户身份认证，提高站点安全性。本文将详细讲解如何使用petite-auth包，并提供示例代码供大家参考。
安装petite-auth
使用npm命令安装 petite-auth。
npm install petite-auth --save
使用petite-auth进行身份认证
petite-auth提供了两个方法用于身份认证： getToken 和 verifyToken。
getToken方法
getToken 方法用于生成token，该token可以在用户登录成功后返回给客户端，并存储于客户端用于后续访问。getToken方法可以通过传递 secret 和 payload 参数进行调用。
const PetiteAuth = require('petite-auth');
const petiteAuth = new PetiteAuth();
const secret = 'my-secret-key';
const payload = { userId: 123 };
const token = petiteAuth.getToken(secret, payload);
console.log('token', token);由此可见，方法返回值是一个token字符串。其中， secret 参数用于进行加密，保证token安全；payload 一般用于存储用户id以便后续根据id获取用户信息。
verifyToken方法
为了验证token的正确性，应该使用 verifyToken 方法。需要传递secret参数，因为在生成token时也需要传递该参数。返回值是一个布尔值。
const PetiteAuth = require('petite-auth');
const petiteAuth = new PetiteAuth();
const secret = 'my-secret-key';
const token = 'my-token'; // 假设这个就是存在客户端的token
const result = petiteAuth.verifyToken(secret, token);
console.log('result', result); //如果 token 有效，则返回 true，否则返回 false。示例代码
很多前端框架，如React、Vue、Angular等都有自己的路由系统。我们可以在路由守卫中调用 verifyToken 方法进行身份认证，如果失败则重定向到登录页面。
-- -------------------- ---- -------
------ --- ---- ------
------ --------- ---- -------------
------ ---------- ---- --------------
-------------------
----- ------ - --- -----------
------
---
---------------------- ----- ----- -- -
----- ---------- - --- -------------
----- ----- - ------------------------------
----- ------ - ----------------
-- --------------------- -
-- ------- -- ------------------------------- ------- -
------
----- ---------
------ - --------- ----------- -
---
-------
-
-
-------
---
------ ------- -------这里假设我们的token存储在localStorage中，每次路由跳转前都调用beforeEach验证token是否有效，如果无效则重定向到登录页面。在成功登录后可以调用 getToken 方法生成token，并将其存储在localStorage中。
总结
petite-auth 是一款优秀的npm包，可以方便地帮我们进行token的加密解密，提升了用户身份认证的安全性。本教程从安装petite-auth开始，一步步讲解了如何使用petite-auth进行身份认证，并提供了示例代码供大家参考。希望大家能通过本教程掌握petite-auth的使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c4881e8991b448ebceb