如何使用Node.js中Koa实现用户认证

这次给大家带来如何使用Node.js中Koa实现用户认证,使用Node.js中Koa实现用户认证的注意事项有哪些,下面就是实战案例,一起来看一下。

如何使用Node.js中Koa实现用户认证

一、前置知识

基于Token的身份验证

Koajs 中文文档

Koa 框架教程

二、环境

Microsoft Visual Studio 2017集成开发环境

Node.js v8.9.4Javascript运行环境

三、开始动手,一步步来完善

1、创建基础的静态资源服务器、基础架构

以下是基本的代码,实现静态服务器,以及一个当token验证异常时候的处理。

下面我们将在这个基本代码下逐步增加注册、登录、信息的功能。

const path = require('path');  // 用于处理目录路径const Koa = require('koa');  // web开发框架const serve = require('koa-static'); // 静态资源处理const route = require('koa-route'); // 路由中间件const jwt = require('jsonwebtoken'); // 用于签发、解析`token`const jwtKoa = require('koa-jwt'); // 用于路由权限控制const koaBody = require('koa-body'); // 用于查询字符串解析到`ctx.request.query`const app = new Koa();const website = { scheme: 'http', host: 'localhost', port: 1337, join: function () { return `${this.scheme}://${this.host}:${this.port}` }}/* jwt密钥 */const secret = 'secret';/* 当token验证异常时候的处理,如token过期、token错误 */app.use((ctx, next) => { return next().catch((err) => { if (err.status === 401) {  ctx.status = 401;  ctx.body = {  ok: false,  msg: err.originalError ? err.originalError.message : err.message  } } else {  throw err; } });});/* 查询字符串解析到`ctx.request.query` */app.use(koaBody());/* 路由权限控制 */// 待办事项……/* POST /api/register 注册 */// 待办事项……/* GET /api/login 登录 */// 待办事项……/* GET /api/info 信息 */// 待办事项……/* 静态资源处理 */app.use(serve(path.join(dirname, 'static')));/* 监听服务器端口 */app.listen(website.port, () => { console.log(`${website.join()} 服务器已经启动!`);});

登录后复制

下面,我们将在注册、登录、信息的注释底下添加实现的代码。

2、路由权限控制

注册、登录接口、其它资源不需要认证,信息接口需要认证。

/* 路由权限控制 */app.use(jwtKoa({ secret: secret }).unless({ // 设置login、register接口,可以不需要认证访问 path: [ /^/api/login/, /^/api/register/, /^((?!/api).)*$/ // 设置除了私有接口外的其它资源,可以不需要认证访问 ]}));

登录后复制

3、注册

/* POST /api/register 注册 */app.use(route.post('/api/register', async (ctx, next) => { const body = ctx.request.body; /* * body = { * user : '御焱', * password : '123456' * } */ // 判断 body.user 和 body.password 格式是否正确 // 待办事项…… // 判断用户是否已经注册 // 待办事项…… // 保存到新用户到数据库中 // 待办事项…… // 是否注册成功 let 是否注册成功 = true; if (是否注册成功) { // 返回一个注册成功的JOSN数据给前端 return ctx.body = {  ok: true,  msg: '注册成功',  token: getToken({ user: body.user, password: body.password }) } } else { // 返回一个注册失败的JOSN数据给前端 return ctx.body = {  ok: false,  msg: '注册失败' } }}));/* 获取一个期限为4小时的token */function getToken(payload = {}) { return jwt.sign(payload, secret, { expiresIn: '4h' });}

登录后复制

如何使用Node.js中Koa实现用户认证

3、登录

/* GET /api/login 登录 */app.use(route.get('/api/login', async (ctx, next) => { const query = ctx.request.query; /* * query = { * user : '御焱', * password : '123456' * } */ // 判断 query.user 和 query.password 格式是否正确 // 待办事项…… // 判断是否已经注册 // 待办事项……  // 判断姓名、学号是否正确 // 待办事项……  return ctx.body = { ok: true, msg: '登录成功', token: getToken({ user: query.user, password: query.password }) }}));

登录后复制

如何使用Node.js中Koa实现用户认证

前端获取到token之后,可以保存在任意本地存储里。

4、信息

/* GET /api/info 信息 */app.use(route.get('/api/info', async (ctx, next) => { // 前端访问时会附带token在请求头 payload = getJWTPayload(ctx.headers.authorization) /* * payload = { * user : "御焱", * iat : 1524042454, * exp : 1524056854 * } */ // 根据 payload.user 查询该用户在数据库中的信息 // 待办事项…… const info = { name: '御焱', age: 10, sex: '男' } let 获取信息成功 = true; if (获取信息成功) { return ctx.body = {  ok: true,  msg: '获取信息成功',  data: info } } else { return ctx.body = {  ok: false,  msg: '获取信息失败' } }}));/* 通过token获取JWT的payload部分 */function getJWTPayload(token) { // 验证并解析JWT return jwt.verify(token.split(' ')[1], secret);}

登录后复制

如何使用Node.js中Koa实现用户认证

访问需要认证的接口时,需要在request头附带Authorization:Bearer [token]字段。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

有哪些js使用方式(附代码)

动态加载JS文件3种方式整理

以上就是如何使用Node.js中Koa实现用户认证的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2758783.html

(0)
上一篇 2025年3月8日 08:17:25
下一篇 2025年3月8日 08:17:42

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue嵌套路由与404重定向实现方法分析_vue.js

    这次给大家带来怎样使用vue嵌套路由,使用vue嵌套路由的注意事项有哪些,下面就是实战案例,一起来看一下。 第一部分: vue嵌套路由 嵌套路由是什么? 嵌套路由就是在一个被路由过来的页面下可以继续使用路由,嵌套也就是路由中的路由的意思。 …

    2025年3月8日
    200
  • 优化Vue.js代码方法总结

    这次给大家带来优化Vue.js代码方法总结,优化Vue.js代码的注意事项有哪些,下面就是实战案例,一起来看一下。 对大部分人来说,掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发,成为V…

    编程技术 2025年3月8日
    200
  • 怎样使自己的js代码国际化

    这次给大家带来怎样使自己的js代码国际化,使js代码国际化的注意事项有哪些,下面就是实战案例,一起来看一下。 当我们在做前台页面开发时,由于页面内容过多,过于繁杂,有的时候一个页面上千行的(当然这样的页面也就算一般的),为了减少页面的内容,…

    2025年3月8日 编程技术
    200
  • 怎样使用JS实现百度搜索框

    这次给大家带来怎样使用JS实现百度搜索框,使用JS实现百度搜索框的注意事项有哪些,下面就是实战案例,一起来看一下。 效果:   1.当进入界面时,自动调用方法,获取当前的时间,并且实时更新时间。   2.点击页面头部的换肤,自动更换背景图片…

    2025年3月8日
    200
  • JS+CSS3做出图片绑定鼠标移动事件放大

    这次给大家带来JS+CSS3做出图片绑定鼠标移动事件放大,JS+CSS3做出图片绑定鼠标移动事件放大的注意事项有哪些,下面就是实战案例,一起来看一下。 今天看网易的网站上,当我把鼠标放上去的时候发现图片放大,移开图片缩小,于是自行尝试,结果…

    2025年3月8日 编程技术
    200
  • 怎么使用JS实现哈希表

    这次给大家带来怎么使用JS实现哈希表,使用JS实现哈希表的注意事项有哪些,下面就是实战案例,一起来看一下。 在算法中,尤其是有关数组的算法中,哈希表的使用可以很好的解决问题,所以这篇文章会记录一些有关js实现哈希表并给出解决实际问题的例子。…

    2025年3月8日
    200
  • Ajax调用restful接口传送Json格式数据的方式(附有代码)

    这篇文章主要介绍了ajax调用restful接口传送json格式数据的方法的相关资料,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧 ajax传送json格式数据,关键是指定contentType,data要是json格式 如果是res…

    编程技术 2025年3月8日
    200
  • JS中变量与函数提升步骤详解

    这次给大家带来JS中变量与函数提升步骤详解,JS中变量与函数提升的注意事项有哪些,下面就是实战案例,一起来看一下。 1在js中只有两种作用域 a:全局作用域 b:函数作用域 在ES6之前,js是没有块级作用域。 首先来解释一下什么是没有块级…

    2025年3月8日 编程技术
    200
  • 如何使用node.js启动后台运行forever

    这次给大家带来如何使用node.js启动后台运行forever,使用node.js启动后台运行forever的注意事项有哪些,下面就是实战案例,一起来看一下。 我们知道想要项目部署后运行 需要使用命令行 cd 到项目目录然后执行 npm i…

    编程技术 2025年3月8日
    200
  • 怎样使用JS+H5实现微信摇一摇

    这次给大家带来怎样使用JS+H5实现微信摇一摇,使用JS+H5实现微信摇一摇的注意事项有哪些,下面就是实战案例,一起来看一下。 项目终于如约上线,但是在春节前又有一个新的活动要做,类似微信的摇一摇活动。也一直在做微信公众号的东西,但是要调用…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论