怎么在express 中使用 jwt和postMan實(shí)現(xiàn)持久化登錄?很多新手對此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
站在用戶的角度思考問題,與客戶深入溝通,找到龍安網(wǎng)站設(shè)計(jì)與龍安網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:做網(wǎng)站、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋龍安地區(qū)。
下載
npm init -y // 一鍵初始化 npm install express -s // 下載express npm install cors // 跨域中間件 npm install body-parser // body-parser中間件 解析帶請求體的數(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ù)一:加密的對象 參數(shù)二:加密的規(guī)則 參數(shù)三:對象 token:jwt.sign({username:username},'abcd',{ // 過期時(shí)間 expiresIn:"1h" }), username, code:200 }) })
postMan模擬 發(fā)送POST請求
接收到數(shù)據(jù)
得到token
登錄持久化驗(yàn)證
把 token 寫入header
// 登錄持久化驗(yàn)證接口 訪問這個(gè)接口的時(shí)候 一定要訪問token(前端頁面每切換一次,就訪問一下這個(gè)接口,問一下我有沒有登錄/登陸過期) // 先訪問登錄接口,得到token,在訪問這個(gè),看是否成功 app.post('/validate',function(req,res){ // 訪問 token let token = req.headers.authorization; // console.log(token) // 驗(yàn)證token合法性 對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',{ // 過期時(shí)間 expiresIn:"1h" }) } }) })
已有登錄賬號,持久化登錄成功
設(shè)置登錄過期時(shí)間
token:jwt.sign({username:decode.username},'abcd',{ // 如果過期時(shí)間為1秒 expiresIn:"1s" })
獲得 token
設(shè)置頭部信息
驗(yàn)證 過期時(shí)間生效
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。