当前位置: 首页 > news >正文

一对一聊天软件源码,jwt登陆校验携带token - 云豹科技

一对一聊天软件源码,jwt登陆校验携带token

jwt登陆注册

jwt概念
token是不需要存储在数据库的,只需要后台生成密钥,当客户端发送过来请求时那么就把token塞在请求体或者头中,客户端接收到token时那么就存储在localStorage或者cookie中,注意这里不能把敏感信息进行token存储,要不然会被获取到(比如cookie中或者请求体中)并且进行反向解密从而暴露敏感信息,比如密码;
token中包含三块都是以

eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9//头信息这个是固定写死的{'type': 'JWT','alg': 'HS256'}
.
> eyJ1c2VyIjoid2FuZyIsImVudmlyb25tZW50Ijoid2ViIiwiZXhwaXJlcyI6MTUzNTUyMDk1MTcxOX0//载体 就是比如客户端发过来的username
.
> 4rmP6UeeJ3mQbHfplruH15PvuUxPzFTxAfVnPgA7sgo//密钥
根据将头和载体进行转换base64编码,然后在将头和载体根据sha256算法加密生成密钥(也就是第三步)这样就组成了一个token,将这种思路换成代码就会实现jwt-smilp包中的encode,那么decode就是获取到进行反向解码

jwt-smilp中的encode和decode

{username:username}//载体 载体中还可以设置时间以及其他jwt.encode({username:username},sercet)//sercet自己定义的密钥jwt.encode(token,sercet)//进行解密

登陆注册全过程
进入登陆页,输入账号和密码点击登陆请求接口,后台会在数据库中寻找对应的账号密码 如果存在那么后台会生成一个token并且塞在请求头(或者响应体中),给前端之后,前端获取返回值 并且存放在cookie中或者请求头中,前端通过axios中的请求拦截给请求头中塞进密钥,这样每次发送请求就会携带token,后台接收到token之后会进行解码校验是否是正确的token,如果是的话就进行下一步操作,如果不是的话就给前端提示

node后台代码的实现

将node框架搭好之后新建一个src的文件下新建一个app.js的文件代码如下

image

 

let express = require('express')
let app = express()
//获取req的body
let bodyParser = require('body-parser');//引入自己写的登陆校验是否合规文件
let retoken = require('./retoken/retoken.js')//bodyParser对应的以下两个也是解析post中的json数据
app.use(express.json())//urlencoded解析x-ww-form-urlencoded请求体
app.use(express.urlencoded())//返回的对象是一个键值对,当extended为false的时候,键值对中的值就为'String'或'Array'形式,为true的时候,则可为任何数据类型
app.use(bodyParser.urlencoded({ extended: true }))//使用上面自己的写的中间件
app.use(retoken)//登陆接口文件
app.use('/login', require('./login/index.js'));//统一处理错误信息
app.use((err, req, res, next) => {if (err) {res.status(500).json({message: err.message})}
})//默认监听3000端口
app.listen(3000, () => {console.log('服务启用成功');
})

retoken.js

//使用第三方插件
let jwt = require('jwt-simple');
//定义加密和解密的密钥(随便写)
const jstSecret = 'mengyuhang'function checkToken(req,res,next){//判断如果是登陆接口或者注册接口那么就不需要校验tokenif(req.url!='/login/login'&&req.url!='/login/create'){//这里前端是直接将token塞到了cookie中所以我直接在cookie中获取let tokenClone = req.headers.cookie;
//token传递过来的为这种形式:token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VybmFtZSI6Im15aDEyMyIsImV4cGlyZXMiOjE1OTQwNDU4NDc1NzN9.PwIAp3nXIscIvgXykjQumO6CbIFceHpGz6-2PUHgQU4//截取等号后面的let token = tokenClone.split('=')[1]if(token){//如果存在那么解码,我这里加密的用户名和校验时间是否过期{ username: 'myh123', expires: 1594045847573 }var decoded = jwt.decode(token, jstSecret)//如果现在的时间超过了我设置的登陆时间那么就返回登陆过期if(Date.now()>decoded.expires){res.json({code:'-2',message: '登陆过期'})}else{//否则向下执行next()}}else{//如果没有token那么返回提示res.status(401).json({code:"-1",message: 'you need login:there is no token'})}}else{//如果为登陆或者注册接口直接向下进行next()}}
module.exports=checkToken

login.js中的接口书写

const express = require('express');
let router = express.Router();
//我这里使用sequelize操作数据库
let sequelize = require('sequelize')
let models = require('../../db/models')let jwt = require('jwt-simple');
//设置token的过期时间
const tokenExpiresTime = 1000 * 60 * 60 * 24 * 7
//密钥
const jstSecret = 'mengyuhang'router.post('/login', async (req, res, next) => {let { username, password} = req.body;try {//在数据库中的user表中寻找对应的账号密码let personalInformation = await models.User.findOne({where: {username,password}})//如果账号存在if (personalInformation) {//生成token//需要加密的对象let payload = {username: personalInformation.username,expires: Date.now() + tokenExpiresTime}//jwt-simple包提供的加密方法,jstSecret自己定义的密钥let token = jwt.encode(payload, jstSecret)res.json({message: '登陆成功',token})} else {//如果账号不存在res.json({code: '-1',message: '用户不存在,请校验信息是否正确'})}} catch (e) {res.json({message: '错误'})}})
//注册接口
router.post('/create', async (req, res, next) => {let { username, password } = req.body;try{//在数据库中寻找用户名let user = await models.User.findOne({where: {username}})//如果用户名存在if (user) {res.json({code: '-1',message: '用户名已存在'})} else {//如果用户名不存在就可以注册成功啦await models.User.create({username,password})res.json({code: '0',message: '注册成功'})}}catch(e){
next()}})module.exports = router

前端登陆

点击登陆时获取到后台返回的token之后直接塞在document.cookie中即可

以上就是一对一聊天软件源码,jwt登陆校验携带token, 更多内容欢迎关注之后的文章

http://www.jsqmd.com/news/28288/

相关文章:

  • 2025年比较好的端子厂家最新实力排行
  • 2025年热门的壁挂炉TOP品牌厂家排行榜
  • 2025年热门的电动执行器机构高评价厂家推荐榜
  • 2025年比较好的自动化设备工业铝型材优质厂家推荐榜单
  • 2025年评价高的托玛琳床垫高评价厂家推荐榜
  • PHP 组件未来:Livewire 4 正式发布,性能更快,功能更完整
  • 2025年优质的专利评估可靠合作企业
  • 2025年评价高的圆形铝制口红管最新TOP品牌厂家排行
  • 2025年专业的钢丝软管由壬定制定做
  • 2025年质量好的朝日精酿啤酒机最新TOP排名厂家
  • 2025年优质的除四害权威评测推荐
  • 一对一直播源码,使用 localStorage 实现多页面通信 - 云豹科技
  • 2025年知名的帆布布袋定制厂家推荐及选择建议
  • 2025年热门的健康生态红茶厂家推荐及选择建议
  • 初认ret2libc
  • 2025年专业的青年鸡年度热销榜
  • 2025年热门的盐城短视频剪辑高信誉商家榜
  • 2025年比较好的常熟劳务派遣口碑好评榜
  • 2025年快速宠物托运检疫证明行业热销榜
  • 2025年评价高的演出舞台灯光厂家推荐及选择建议
  • 2025年靠谱的企业展厅设计设计制作综合实力榜
  • 2025年靠谱的涂装喷砂房厂家最新推荐榜
  • 2025年可靠的验证码短信平台企业
  • 2025年诚信的知产认证知识产权贯标行业领先榜
  • 视频聊天源码,如何将公共的逻辑封装成npm包? - 云豹科技
  • 2025年口碑好的短视频运营精选优质榜
  • 理解 HBase 的连接机制,告别 Connection 管理烦恼
  • 常见优化技巧 - L
  • 2025年诚信的全屋定制门墙柜最新TOP厂家推荐
  • 问题解决