怎么在express 中使用 jwt和postMan實(shí)現(xiàn)持久化登錄

怎么在express 中使用 jwt和postMan實(shí)現(xiàn)持久化登錄？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

下載

npm init -y // 一鍵初始化
npm install express -s // 下載express
npm install cors // 跨域中間件
npm install body-parser // body-parser中間件 解析帶請(qǐng)求體的數(shù)據(jù)(post,put)
npm install jsonwebtoken // 持久化登錄 jwt json web token

基本配置

// 引入express
let express = require('express')
let cors = require('cors')
let bodyParser = require('body-parser')
let jwt = require("jsonwebtoken")

let banner = require("./banner")

// 拿到服務(wù)器
let app = express()

app.use(cors())
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({extended:false}))

// listen 后面跟著的是端口
app.listen(8000,function(){
 console.log('OK')
})

模擬一個(gè)登陸的接口

app.post('/login',function(req,res){
 let {username} = req.body
 console.log(username)
 res.json({
  // 進(jìn)行加密的方法
  // sing 參數(shù)一：加密的對(duì)象 參數(shù)二：加密的規(guī)則 參數(shù)三：對(duì)象
  token:jwt.sign({username:username},'abcd',{
   // 過(guò)期時(shí)間
   expiresIn:"1h"
  }),
  username,
  code:200
 })
})

postMan模擬 發(fā)送POST請(qǐng)求

接收到數(shù)據(jù)

得到token

登錄持久化驗(yàn)證

把 token 寫入header

// 登錄持久化驗(yàn)證接口 訪問(wèn)這個(gè)接口的時(shí)候 一定要訪問(wèn)token（前端頁(yè)面每切換一次，就訪問(wèn)一下這個(gè)接口，問(wèn)一下我有沒(méi)有登錄/登陸過(guò)期）
// 先訪問(wèn)登錄接口，得到token，在訪問(wèn)這個(gè)，看是否成功
app.post('/validate',function(req,res){
 // 訪問(wèn) token
 let token = req.headers.authorization;
 // console.log(token)
 // 驗(yàn)證token合法性 對(duì)token進(jìn)行解碼，解碼方式要和加密方式一樣
 jwt.verify(token,'abcd',function(err,decode){
  if(err){
   res.json({
    msg:'當(dāng)前用戶未登錄'
   })
  }else {
   // 證明用戶已經(jīng)登錄
   res.json({
    username:decode.username,
    msg:'已登錄'
   })
   token:jwt.sign({username:decode.username},'abcd',{
    // 過(guò)期時(shí)間
    expiresIn:"1h"
   })
  }
 })
})

已有登錄賬號(hào)，持久化登錄成功

設(shè)置登錄過(guò)期時(shí)間

token:jwt.sign({username:decode.username},'abcd',{
 // 如果過(guò)期時(shí)間為1秒
 expiresIn:"1s"
})

獲得 token

設(shè)置頭部信息

驗(yàn)證 過(guò)期時(shí)間生效

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。