koa--jwt-cookie 授权

学习资源推荐

koa--jwt-cookie 授权

    • 简介
    • 安装依赖
    • 设计思路
    • 功能演示
    • 源码


  • 微信扫码关注公众号 :前端前端大前端,追求更精致的阅读体验 ,一起来学习啊
  • 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
    在这里插入图片描述

简介

  • 请参考这里

安装依赖

  • npm i jsonwebtoken 用于设置签名,验证token
  • npm i koa-jwt 用于路由鉴权

设计思路

  • 注册和登录页面以及不需要身份认证的页面,不接入权限校验
  • 登录后,客户端将服务端返回的token存储(如cookie),每次请求服务端资源都将带上这个token作为通行令牌
  • 服务端获取cookie,拿到token,验证合法后继续进行相应处理,否则返回状态码401,提示未授权

功能演示

  • 代码就不一步步贴了,最后会发源码

  • 前提是有nodejs,koa,router基础

  • UI页面不进行校验,可以正常访问
    koa--jwt-cookie 授权_第1张图片


koa--jwt-cookie 授权_第2张图片


在这里插入图片描述

  • 上述效果是UI的呈现
  • 若不登录,直接点击info按钮

在这里插入图片描述


在这里插入图片描述


  • 点击登录后,服务端会返回一个token字段

在这里插入图片描述

  • 客户端将其存储在cookie中,此后,每次请求都会带上这个cookie
  • 登录后再去点击info按钮

koa--jwt-cookie 授权_第3张图片

  • 可以发现,这个时候就能获取对应的信息了
  • 而如果token被改变,会如何呢?

koa--jwt-cookie 授权_第4张图片

源码

链接
提取码:1jdl

你可能感兴趣的:(Node.js,koa--jwt-cookie,授权)