前言
在现代的 web 应用中，用户认证是不可或缺的功能。Feathers 是一个流行的实现了 WebSocket 和 RESTful 端点的实时应用程序框架，其中也包含了可定制的用户认证解决方案。本教程将介绍 @bitscheme/feathers-authentication-client 这个 npm 包的使用方法，它是 Feathers 认证客户端库，用于通过客户端身份验证连接到您的 Feathers 服务端。
安装
首先，您需要进行 npm 包的安装。可以在命令行中使用以下命令：
npm install @bitscheme/feathers-authentication-client
用法
安装完成后，您可以在 JavaScript 的应用中使用该库。需要首先创建一个 Feathers 应用实例和一个 socketio 客户端：
-- -------------------- ---- ------- ----- -------- - -------------------------------- ----- -------- - ---------------------------- ----- ---- - ----------------------------------------------------- -- -- -------- ---- ----- ------ - ---------------------------------- -- -- -------- ---- ----- --- - ----------- -- -- -------- --- ----------------------------------------- -- -------------- --- -------------------- ------------ ------ ----------- ------------- ----
上述代码中，我们创建了一个使用 Socket.io 客户端进行通信的 Feathers 应用实例，并配置了身份验证。 "jsonwebtoken"（JWT）策略需要将 JWT 令牌作为 "accessToken" 的项保存在客户端存储中。
现在，我们需要使用以下方法之一进行登录：
-- -------------------- ---- ------- -- ------------ ------------------ --------- -------- ------ ----------------- --------- ---------- -- -- -- --- ---- ------------------ --------- ------ ------------ ---------------- --
这两种方法需要登录到您的 Feathers 服务中。在成功登录后，您可以访问服务器端 API 资源：
// 请求数据
app.service('messages').find().then(messages => {
console.log('服务器返回的消息：', messages);
});我们还可以通过以下方式监听身份验证状态：
// 监听认证变化
app.on('authenticated', () => {
console.log('已经通过身份验证');
});
app.on('logout', () => {
console.log('已经注销');
});最后，如果您需要使用 jwt 解析器，则可以使用以下方法：
const jwtDecode = require('jwt-decode');
const accessToken = app.get('accessToken');
const decoded = jwtDecode(accessToken);
console.log('jwt 令牌解析后的内容：', decoded);总结
@bitscheme/feathers-authentication-client 这个 npm 包是一个简单易用的身份验证客户端库，为 Feathers 应用程序提供了强大的身份验证解决方案。本教程介绍了安装和使用该库的步骤，以及如何处理身份验证状态。对于正在开发 Feathers 应用程序的前端开发者，这个教程将是一个非常有指导意义的资源。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562a481e8991b448dfdaf