node实战——后端koa结合jwt连接mysql实现权限登录（node后端就业储备知识）

news/2024/11/14 23:43:07/

文章目录

    • ⭐前言
    • ⭐ 环境准备
    • ⭐ 实现过程
      • ⭐ mysql 配置
      • ⭐路由前的准备
      • ⭐账号注册生成token
      • ⭐账号登录生成token
      • ⭐token登录
    • ⭐ 自测过程截图
    • ⭐总结
    • ⭐结束

yma16-logo

⭐前言

大家好，我是yma16，本文分享关于node实战——后端koa项目配置jwt实现登录注册（node后端就业储备知识）。
本文适用对象：前端初学者转node方向，在线大学生，应届毕业生，计算机爱好者。
node系列往期文章
node_windows环境变量配置
node_npm发布包
linux_配置node
node_nvm安装配置
node笔记_http服务搭建（渲染html、json）
node笔记_读文件
node笔记_写文件
node笔记_连接mysql实现crud
node笔记_formidable实现前后端联调的文件上传
node笔记_koa框架介绍
node_koa路由
node_生成目录
node_读写excel
node笔记_读取目录的文件
node笔记——调用免费qq的smtp发送html格式邮箱
node实战——搭建带swagger接口文档的后端koa项目（node后端就业储备知识）
jwt的发展

JWT（JSON Web Token）是一种开放标准（RFC 7519），用于在不同应用程序或服务之间安全地传输信息和声明。它最初由JWT工作组在2015年发布，现在已成为Web应用程序和API的常见身份验证和授权方案之一。JWT标准建立在JSON数据格式上，由三个部分组成：头部 header、载荷 payload、签名 Authorization。它们共同构成了一个包含声明信息的安全令牌。
JWT的发展可以追溯到OAuth 2.0协议，它是OAuth 2.0协议的一种扩展。JWT的目的是为了解决OAuth 2.0协议中的一些缺点，例如在使用OAuth 2.0协议时，每次请求都需要向OAuth服务器进行验证。使用JWT可以避免这种验证，因为JWT包含了所有必要的信息，服务器可以直接验证JWT的签名以确认用户的身份。
随着云计算和移动设备应用的普及，JWT已经成为了Web应用程序和API的一种标准身份验证和授权方案。同时，围绕JWT的生态系统也在不断壮大。例如，OAuth 2.0协议和OpenID Connect协议都已经支持JWT作为身份验证和令牌颁发方案。
总之，JWT是一种开放的、安全的、跨平台的身份验证和授权方案，它为不同应用程序和服务之间的安全通信提供了便利。随着时间的推移，JWT的发展已经越来越成熟，它将继续在Web应用程序和API的身份验证和授权领域发挥重要作用。

注册
register

登录
login

⭐ 环境准备

安装koa 需要的依赖

$ npm install koa koa-jwt koa-bodyparser koa2-cors koa-router koa2-swagger-ui mysql

官方文档用法

var Koa = require('koa');
var jwt = require('koa-jwt');var app = new Koa();// Custom 401 handling if you don't want to expose koa-jwt errors to users
app.use(function(ctx, next){return next().catch((err) => {if (401 == err.status) {ctx.status = 401;ctx.body = 'Protected resource, use Authorization header to get access\n';} else {throw err;}});
});// Unprotected middleware
app.use(function(ctx, next){if (ctx.url.match(/^\/public/)) {ctx.body = 'unprotected\n';} else {return next();}
});// Middleware below this line is only reached if JWT token is valid
app.use(jwt({ secret: 'shared-secret' }));// Protected middleware
app.use(function(ctx){if (ctx.url.match(/^\/api/)) {ctx.body = 'protected\n';}
});app.listen(3000);

初始化项目搭建请查看我写的这篇博客：node实战——搭建带swagger接口文档的后端koa项目（node后端就业储备知识）

⭐ 实现过程

注册过程分解：

  1. 查询用户名是否在user表存在
  2. 注册用户名已存在则登录
  3. 注册用户名不存在则插入用户数据

登录过程分解：

  1. 查询用户密码是否对应user表的数据
  2. 存在则根据用户名密码生成token
  3. 不存在抛出错误

token登录过程分解：

  1. 解析web端传递的token
  2. 拿出其中的用户名密码在数据库查询存在则登录成功

⭐ mysql 配置

封装mysql连接传递一个sql语句来运行即可

const mysql = require('mysql');const config ={host     : 'ip',user     : '账号',password : '密码',database : '数据库模式'
}
// 把这个方法抛出去
const execMysql=(sql)=>{return new Promise((resolve,reject)=>{// 连接mysqlconst connection = mysql.createConnection(config);try{connection.query(sql, function (error, results) {if (error){reject(error)};resolve(results)});}catch (e) {reject(e)}finally {connection.end()}})
};module.exports={execMysql
}

⭐路由前的准备

初始化router

const Router = require('koa-router');
const router = new Router();
const {execMysql}=require('../../utils/mysql/index')
const jwtToken = require("jsonwebtoken");// 唯一字符串
function uuid() {return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {var r = Math.random() * 16 | 0,v = c == 'x' ? r : (r & 0x3 | 0x8);return v.toString(16);});
}// 当前时间
const  getCurrentTime=() =>{const now = new Date()const year = now.getFullYear()const month = now.getMonth()const date = now.getDate()const hour = now.getHours()const minutes = now.getMinutes()const second = now.getSeconds()const formatNum = (n) => {return n > 9 ? n.toString() : '0' + n}return `${year}-${formatNum(month + 1)}-${formatNum(date)} ${formatNum(hour)}:${formatNum(minutes)}:${formatNum(second)}`
}

⭐账号注册生成token

封装注册写入sql 生成token

// 注册
router.post('/register', async (ctx) => {try{// 解析参数const bodyParams =  ctx.request.bodyconst {username,password} = bodyParams;if(!username||!password){return ctx.body = {code: 0 ,msg:'username or password is null'};}// 查询重复const search=await execMysql(`select count(1) as total from user where username='${username}';`)console.log('search',search)if(search[0].total>0){return ctx.body = {code: 0 ,msg:'user is exist'};}// id 唯一字符const id= uuid()const create_time=getCurrentTime()// 插入 数据const createRes=await execMysql(`INSERT INTO user (id,username,password,create_time) VALUES ('${id}', '${username}','${password}','${create_time}');`)// 更新token update_timeconst token=jwtToken.sign({username,password},"yma16-app", // secret{ expiresIn: 24 * 60 * 60 } // 60 * 60 s)const update_time=getCurrentTime()const tokenRes=await execMysql(`update user set token='${token}', update_time='${update_time}' where username='${username}';`)ctx.body = {code:200,data:{createSqlData:createRes,tokenSqlData:tokenRes},msg:' insert success',token:token};}catch (e) {ctx.body = {code:0,msg:e};}
});

⭐账号登录生成token

账号密码生成token

// 获取token
router.post('/token/gen', async (ctx) => {try{// 解析参数const bodyParams =  ctx.request.bodyconst {username,password} = bodyParams;// 查询 用户const search=await execMysql(`select count(1) as total from user where username='${username}' and password='${password}';`)if(search[0].total>0){// 更新token update_timeconst token=jwtToken.sign({username,password},"yma16-app", // secret{ expiresIn: 24 * 60 * 60 } // 60 * 60 s)const update_time=getCurrentTime()// 更新tokenconst tokenRes=await execMysql(`update user set token='${token}', update_time='${update_time}' where username='${username}';`)// 配置tokenconst AUTHORIZATION='Authorization'ctx.set(AUTHORIZATION,token)return ctx.body = {code:200,msg:'login success',token:token};}ctx.body = {code:0,msg:' login fail',};}catch (e) {ctx.body = {code:0,msg:e};}
});

⭐token登录

用户使用token登录

// token 登录
router.post('/token/login',async (ctx) => {try{// 解析参数const bodyParams =  ctx.request.bodyconst {token} = bodyParams;const payload = jwtToken.verify(token, 'yma16-app');console.log('token',token)const {username,password} =payload// 查询重复// 查询 用户const search=await execMysql(`select count(1) as total from user where username='${username}' and password='${password}';`)if(search[0].total>0){const last_login_time=getCurrentTime()// last_login_time  登录时间const tokenRes=await execMysql(`update user set last_login_time='${last_login_time}' where username='${username}' and password='${password}';`)return ctx.body = {code:200,msg:'login success',data:{username}};}ctx.body = {code:0,msg:' login fail',};}catch (e) {console.log('e',e)ctx.body = {code:0,msg:JSON.stringify(e)};}
})

⭐ 自测过程截图

生成token
gentoken
选择 authoration 为 beare token传递token 在 body的传递自定义token请求登录成功
token login success
数据库表写入 用户名、密码、token、创建时间、更新时间、最近登录时间 成功！
create sql data

⭐总结

注意事项：

  1. jwt 前后的 Authorization 保持一致
  2. 给注册页面开启白名单，不需要jwt校验
  3. 注意过去的expire时间，调试的时候调大一点

前后端加上aes加密更安全
后端node配置

const aesCrypto = require('crypto-js/aes');
const utf8Encode = require("crypto-js/enc-utf8")const secretKey = "yma16-app"// 加密
const encrypt = text => {let encryptedText = aesCrypto.encrypt(utf8Encode.parse(text), secretKey).toString();return encryptedText
}// 解密
const decrypt = text => {let decryptText = aesCrypto.decrypt(text, secretKey).toString(utf8Encode)console.log(decryptText)return decryptText.toString(utf8Encode);
}exports.aes = { encrypt, decrypt }

前端vue3配置
安装 crypto-js
定义加密解密方法

// @ts-ignore
import CryptoJS from 'crypto-js';export const globalEnv=()=>{return import.meta.env
};const key='yma16-app'
export const aes:any={//加密encrypt(word:string, keyStr?:any) {keyStr = keyStr ? key : 'yma16-app';var key = CryptoJS.enc.Utf8.parse(keyStr);var srcs = CryptoJS.enc.Utf8.parse(word);var encrypted = CryptoJS.AES.encrypt(srcs, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });return encrypted.toString();},//解密decrypt(word:string, keyStr?:any) {keyStr = keyStr ? key : 'abcdsxyzhkj12345';var key = CryptoJS.enc.Utf8.parse(keyStr);var decrypt = CryptoJS.AES.decrypt(word, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7});return CryptoJS.enc.Utf8.stringify(decrypt).toString();}
};

⭐结束

本文分享到这结束，如有错误或者不足之处欢迎指出！
gaoda-img

👍 点赞，是我创作的动力！
⭐️ 收藏，是我努力的方向！
✏️ 评论，是我进步的财富！
💖 最后，感谢你的阅读！


http://www.ppmy.cn/news/1184420.html

相关文章

深入探究深度学习、神经网络与卷积神经网络以及它们在多个领域中的应用

深入探究深度学习、神经网络与卷积神经网络以及它们在多个领域中的应用

目录 1、什么是深度学习？ 2、深度学习的思想 3、深度学习与神经网络 4、深度学习训练过程 4.1、先使用自下上升非监督学习（就是从底层开始，一层一层的往顶层训练） 4.2、后自顶向下的监督学习（就是通过带标签的数…
阅读更多...
抖音很火的情侣飞行棋/真心话大冒险/情侣扫雷html网站源码带在线支付、代理分销等！

抖音很火的情侣飞行棋/真心话大冒险/情侣扫雷html网站源码带在线支付、代理分销等！

-------- 演示地址 -------- 演示地址：http://game.71.vy386.cn 演示后台：http://game.71.vy386.cn/admin 后台账号：admin888 后台密码：admin888 -------- 程序特色 -------- 1、完整的分销制度，可自定义多种不同…
阅读更多...
Mysql binlog日志功能使用，简单易懂

Mysql binlog日志功能使用，简单易懂

一、简单了解binlog MySQL的二进制日志binlog可以说是MySQL最重要的日志，它记录了所有的DDL和DML语句（除了数据查询语句select）。因此binlog日志文件我们用cat等查看文件的命令是打不开的，但是mysql提供了专门看binlog文件的命令…
阅读更多...
如何分离一个要素的shp矢量文件：利用ArcGIS分割工具

如何分离一个要素的shp矢量文件：利用ArcGIS分割工具

下面介绍如何用ArcGIS对含有多个分离区域的一整个面要素进行分割 如下图，现在想要将下方的长形shp提取出来，首先打开shp文件： 右击空白处查看该矢量文件的投影信息： 在文件夹中新建shp文件，设置一样的投影&#xff1a…
阅读更多...
业务设计——海量订单数据如何存储和查询

业务设计——海量订单数据如何存储和查询

冷热数据架构 假设我们考虑 12306 单个假期的人流量为 2 亿人次，这一估算基于每年的三个主要假期：五一、国庆和春节。这些假期通常都有来回的流动，因此数据存储与计算的公式变为：2 * (3*2) 12 亿，即每年的假期总人次达…
阅读更多...
【MATLAB源码-第62期】基于蜣螂优化算法(DBO)的无人机三维地图路径规划，输出最短路径和适应度曲线。

【MATLAB源码-第62期】基于蜣螂优化算法(DBO)的无人机三维地图路径规划，输出最短路径和适应度曲线。

操作环境： MATLAB 2022a 1、算法描述 蜣螂优化算法（Dung Beetle Optimization, DBO）是一种模拟蜣螂在寻找食物和进行导航的过程的优化算法。蜣螂是一种能够将粪球滚到合适地点的昆虫，它们利用天空中的光线和自身的感知能力来确…
阅读更多...
一文带你在GPU环境下配置YOLO8目标跟踪运行环境

一文带你在GPU环境下配置YOLO8目标跟踪运行环境

本文介绍GPU下YOLO8目标跟踪任务环境配置、也即GPU下YOLO8目标检测任务环境配置。 YOLO8不仅仅可以实现目标检测，其还内置有Byte-Tracker、Bot-Tracker多目标跟踪算法。可以实现行人追踪统计、车流量跟踪统计等功能。值得注意的是Byte-Tracker、Bot-Tracker多目标跟…
阅读更多...
【C语言】指针那些事（上）

【C语言】指针那些事（上）

C语言系列 文章目录 文章目录 一. 字符指针 一.（1 ） 数组创建空间的地址和指针指向的地址 二. 指针数组 二.（1）指针数组模拟一个二维数组 ​ 三. 数组指针 三.(1)数组指针到底有什么用 对一维数组没有什么用 二.(…
阅读更多...
最新文章

Copyright @ 2022~2023