Node怎么运用Cookie和Session进行登录验证

html>







登录页面
用户名：

密码：

登录

varexpress=require("express");
varrouter=express.Router();

/*GETloginpage.*/
router.get("/",function(req,res,next){
res.render("login");
});

module.exports=router;

//引入
varloginRouter=require("./routes/login");
//挂载
app.use("/login",loginRouter);

constUserService={
	//.......
//登录查询
login:(username,password)=>{
	//向数据库查询该用户
returnUserModel.findOne({username,password});
},
};

constUserController={
	//......
	//登录验证
login:async(req,res,next)=>{
try{
const{username,password}=req.body;
constdata=awaitUserService.login(username,password);
//console.log(data);
if(data){
res.send({ok:1,msg:"登录成功!",data});
}else{
res.send({ok:0,msg:"用户不存在，登录失败!"});
}
}catch(error){
console.log(error);
}
},
};

//登录校验
router.post("/login",UserController.login);

npmiexpress-session

//引入express-session
varsession=require("express-session");

//配置session：需要放在在路由配置的前面
app.use(
session({
name:"AilixUserSystem",//cookie名字
secret:"iahsiuhaishia666sasas",//密钥：服务器生成的session的签名
cookie:{
maxAge:1000*60*60,//过期时间：一个小时过期
secure:false,//为true时表示只有https协议才能访问cookie
},
resave:true,//重新设置session后会重新计算过期时间
rolling:true,//为true时表示：在超时前刷新时cookie会重新计时；为false表示：在超时前无论刷新多少次，都是按照第一次刷新开始计时
saveUninitialized:true,//为true时表示一开始访问网站就生成cookie，不过生成的这个cookie是无效的，相当于是没有激活的信用卡
})
);

//controllers/UserController.js
//....
//登录校验
login:async(req,res,next)=>{
try{
const{username,password}=req.body;
constdata=awaitUserService.login(username,password);
//console.log(data);
if(data){
//设置session：向session对象内添加一个user字段表示当前登录用户
req.session.user=data;//默认存在内存中，服务器一重启就没了
res.send({ok:1,msg:"登录成功!",data});
}else{
res.send({ok:0,msg:"用户不存在，登录失败!"});
}
}catch(error){
console.log(error);
}
},

//设置中间件：session过期校验
app.use((req,res,next)=>{
//排除login相关的路由和接口
//这个项目中有两个，一个是/login的页面路由，一个是/api/login的postapi路由，这两个路由不能被拦截
if(req.url.includes("login")){
next();
return;
}
if(req.session.user){
//session对象内存在user，代表已登录，则放行
//重新设置一下session，从而使session的过期时间重新计算（在session配置中配置了：resave:true）
//假如设置的过期时间为1小时，则当我12点调用接口时，session会在1点过期，当我12点半再次调用接口时，session会变成在1点半才会过期
//如果不重新计算session的过期时间，session则会固定的1小时过期一次，无论这期间你是否进行调用接口等操作
//重新计算session的过期时间的目的就是为了防止用户正在操作时session过期导致操作中断
req.session.myData=Date.now();
//放行
next();
}else{
//session对象内不存在user，代表未登录
//如果当前路由是页面路由，，则重定向到登录页
//如果当前理由是api接口路由，则返回错误码（因为针对ajax请求的前后端分离的应用请求，后端的重定向不会起作用，需要返回错误码通知前端，让前端自己进行重定向）
req.url.includes("api")
?res.status(401).send({msg:"登录过期！",code:401})
:res.redirect("/login");
}
});

退出登录

constexit=document.getElementById('exit')

//退出登录
exit.onclick=()=>{
fetch("/api/logout").then(res=>res.json()).then(res=>{
if(res.ok){
location.href="/login"
}
})
}

constUserController={
	//......
//退出登录
logout:async(req,res,next)=>{
//destroy方法用来清除cookie，当清除成功后会执行接收的参数（一个后调函数）
req.session.destroy(()=>{
res.send({ok:1,msg:"退出登录成功！"});
});
},
};

//退出登录
router.get("/logout",UserController.logout);

npmiconnect-mongo

//引入connect-mongo
varMongoStore=require("connect-mongo");

//配置session
app.use(
session({
name:"AilixUserSystem",//cookie名字
secret:"iahsiuhaishia666sasas",//密钥：服务器生成的session的签名
cookie:{
maxAge:1000*60*60,//过期时间：一个小时过期
secure:false,//为true时表示只有https协议才能访问cookie
},
resave:true,//重新设置session后会重新计算过期时间
rolling:true,//为true时表示：在超时前刷新时cookie会重新计时；为false表示：在超时前无论刷新多少次，都是按照第一次刷新开始计时
saveUninitialized:true,//为true时表示一开始访问网站就生成cookie，不过生成的这个cookie是无效的，相当于是没有激活的信用卡
store:MongoStore.create({
mongoUrl:"mongodb://127.0.0.1:27017/usersystem_session",//表示新建一个usersystem_session数据库用来存放session
ttl:1000*60*60,/免费云主机域名/过期时间
}),//存放数据库的配置
})
);