溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“怎么用Session驗證用戶是否已登錄”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“怎么用Session驗證用戶是否已登錄”文章能幫助大家解決問題。
node.js中使用session實現(xiàn)：驗證用戶是否已登錄功能并維持用戶的在線狀態(tài)。
目的：用戶必須登錄才能進入商品頁面和購物車頁面，如果不經(jīng)過登錄就訪問商品頁面會攔截并自動跳轉(zhuǎn)到登錄頁面。
用戶未登錄流程
為什么要用session：Http協(xié)議是無狀態(tài)的，也就導致服務器無法分辨是誰瀏覽了網(wǎng)頁。為了維持用戶在網(wǎng)站的狀態(tài)，比如登陸、購物車等，出現(xiàn)了先后出現(xiàn)了四種技術，分別是隱藏表單域、URL重寫、cookie、session。session和cookie都是用來解決Http協(xié)議不能維持狀態(tài)的問題，但是session只存儲在服務器端的，不會在網(wǎng)絡中進行傳輸，所以較cookie來說，session相對安全一些。
結(jié)構(gòu)如圖：
1.模擬數(shù)據(jù)庫user.json文件：
{ "username" : "admin", "password" : "admin" }2.views目錄存放兩個ejs文件：
//login.ejs文件:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title></head><body> <form action="/loginDo" method="post"> <ul> <li>用戶名：<input type="text" name="username" /></li> <li>用戶名：<input type="password" name="password" /></li> <li><input type="submit" value="登陸"/></li> </ul> </form></body></html>//product.ejs文件:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title></head><body> <p>歡迎您：<%=username%>瀏覽我的頁面。<a href="/out">退出登錄</a></p> <p>這是商品展示界面</p></body></html>
首先下載第三方模塊
npm install express--save
npm install express-session--save
npm install body-parser--save
2.核心app.js文件:
(1)引入相關模塊并設置中間件，設置模板引擎：
var express = require("express");var app = express();var user = require("./user.json");//引入模擬數(shù)據(jù)庫//引入body-parser模塊并設置中間件，以便用req.body來獲取post的傳值var bodyParser = require("body-parser");
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));//引入express-session模塊并設置中間件
var session = require("express-session");
app.use(session({
secret : "nihao", //加密session，隨便寫
cookie : {maxAge : 60*1000*30}, //設置過期時間
resave : true, //強制保存session 默認為 true，建議設置成false
saveUninitialized : false ////強制將未初始化的session存儲 默認為true，建議設置成true}));
app.set("view engine", "ejs");//設置模板引擎為ejs，默認從views目錄下查找ejs文件(2)設置用戶登錄頁面路由
app.get("/login", function(req, res){
res.render("login.ejs"); //渲染登錄頁面});
app.post("/loginDo", function(req, res){ var usernaem = req.body.username; var password = req.body.password; if( usernaem === user.username || password === user.password){
req.session.userinfo = usernaem; //設置session，表示用戶處在的登錄狀態(tài)
//app.locals對象用于將數(shù)據(jù)傳入所有的渲染ejs模板中，用<%=username%>接收
req.app.locals["username"] = usernaem;
res.redirect("/product");
}else{
res.send("<script>alert('登陸失??！');location.href='/login';</script>");//用戶名或密碼不正確
}
});(3)使用session判斷用戶是否是登錄狀態(tài)，true則允許訪問商品頁面/false則跳轉(zhuǎn)到登錄頁面
app.use( function(req,res,next){ if( req.session.userinfo ){
next();
}else{
res.send("<script>alert('您還沒有登錄，請先登錄！');location.href='/login';</script>");
}
} );(4)設置商品頁面路由，用戶若想訪問必需通過第三步的攔截
app.get("/product", function(req, res){
res.render("product.ejs"); //渲染商品頁面});//退出登錄app.get( "/out", function( req, res ){
req.session.destroy(); //銷毀session，退出登錄
res.redirect("/login");
} );//設置端口號app.listen(8000, function(){ console.log("success");
});結(jié)束：
用戶若沒有登錄直接訪問“商品頁面（/product）” ，就會進行攔截提示并跳轉(zhuǎn)到“登錄頁面（/login）”，只有登錄以后才能訪問“商品頁面”。
關于“怎么用Session驗證用戶是否已登錄”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
