十四、Node.js 中 session验证登录
创始人
2024-05-09 03:40:55
0

         在前一篇内容中讲到这个cookie实现验证登录,cookie是存储在客户端的,而session是存储在服务器的,相比较session的安全性会更高,session对象存储特定用户会话所需要的属性以及配置信息,服务通过session对象将用户的信息临时保存在服务器中,客户无法进行修改,反观cookie是存储在客户端,用户可以进行伪造修改,所以使用session是比cookie更安全,下面来看一下session的工作原理:

        浏览器第一次发起请求到服务器,服务器会创建一个session,服务器就会依赖cookie返回一个对应的sessionid给浏览器进行保存,浏览器在下一次发起请求时将会携带sessionid进行访问,服务器会进行检查是否有该sessionid的存在,如果存在的话就会找到对应sessionid相应的文件,sessionid为键,而值就是用户的信息了。 


session 的设置 - 获取

        下面先通过express命令来创建 express框架项目环境 (具体安装过程不再讲解,在之前的内容当中已经有了详细的讲解了,可以订阅然后翻阅之前的篇目):

 session数据处理的第三方中间件安装命令:

npm install express-session -S

引入中间件配置 —— app.js文件

app.use(session(option))

可以通过请求对象提供的session属性获取:

req.session

下面来编写代码:—— index.js 

var express = require('express');
var router = express.Router();
var session = require('express-session');// 配置中间件
router.use(session({secret: 'keyboard cat',resave: false,saveUninitialized: true,cookie:('name','value',{maxAge:5*60*1000,secure:false})
}))router.use('/login',function(req,res){// 设置sessionreq.session.userinfo = 'YAN';res.send("登录成功");
})router.use('/',function(req,res){// 获取sessionif(req.session.userinfo){res.send("已登录");}else{res.send("未登录");}
})router.get('/', function(req, res, next) {res.render('index', { title: 'Express' });
});module.exports = router;

2. 将项目运行起来之后通过浏览器请求 http://127.0.0.1:3000 和 http://127.0.0.1:3000/login ;

         以上是还没登录,那么可以通过 http://127.0.0.1:3000/login 进行登录拿到服务器返回的cookie实现登录;

        然后F12打开控制台进行查看cookie信息;

        现在在浏览器上重新请求url : http://127.0.0.1:3000/ ,可以看到进入已登录的状态;


下面来将上一篇目中使用cookie实现登录注册的案例进行修改:

session 验证登录

        session验证登录案例的实现过程与cookie相差不大,仅是验证方式的不一样;那么就不再过多的详解进行代码的编写工作:

在未学习数据库之前先来通过编写json数据来模拟可以进行登录的用户信息数据,在public目录下来编写一个user.json文件存储;

[{"id":"1001","username":"YAN","password":"yan"},{"id":"1002","username":"SEN","password":"sen"},{"id":"1003","username":"LIN","password":"lin"}
]

设置路由文件 —— index.js 

        这里面的内容基本上是我们在之前篇目当中讲过的内容了,所以不再进行过多的讲述;

var express = require('express');
var router = express.Router();
var session = require('express-session');
var fs = require('fs');
const { resolve } = require('path');// 配置中间件
router.use(session({secret: 'author lhxz',resave: false,saveUninitialized: true,cookie:("csdn",'value',{maxAge:5*60*1000,secure:false})
}))router.get('/', function(req, res, next) {res.render('index', { title: 'Express' });
});router.get('/checklogin',function(req,res){// 获取sessionif(req.session.userinfo){res.send({code:0});}else{res.send('alert("请先登录...");location.href = "./login.html"');}
})router.post('/login',function(req,res){let user = req.body.username,pwd = req.body.password;  let results = fs.readFileSync(resolve(__dirname,'../public/user.json'));results = JSON.parse(results);for(var i = 0; i

配置 app.js文件

        这里主要是配置 resolve ,通过 resolve 处理路径;

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var session = require('express-session');
var {resolve} = require('path');
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');var app = express();// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use(express.static(resolve(__dirname,'public')));
app.use('/', indexRouter);
app.use('/users', usersRouter);// catch 404 and forward to error handler
app.use(function(req, res, next) {next(createError(404));
});// error handler
app.use(function(err, req, res, next) {// set locals, only providing error in developmentres.locals.message = err.message;res.locals.error = req.app.get('env') === 'development' ? err : {};// render the error pageres.status(err.status || 500);res.render('error');
});module.exports = app;

托管静态资源文件:

        主要有两个前端的两个页面文件,login.html(登录页面),index.html(首页);

login.html 



Document

账户:
密码:

index.html



CSDN

首页

正在维修中...

测试运行

1. 把项目跑起来 —— npm start ;

2. 浏览器中输入url地址: http://127.0.0.1:3000/index.html

        此时浏览器中还没有cookie(服务器返回的一个cookie),会跳转回登录页面

3. 浏览器进入登录页面;

 

6. 重新输入在user.json中存在的用户数据信息;

7. 输入正确用户信息登录是否正常跳转且在浏览器中保存cookie;

以上的步骤基本与cookie是相同的,唯有下面的这一项:

         以上就是session进行验证登录的一个全部过程,使用cookie和session需要考虑传递的信息内容是否是私密的,若是的话可以选择安全性比较高的session,而如果不是的话cookie和session两者都是可以的,那么本篇目的内容就到此结束,感谢大家的支持!

相关内容

热门资讯

物业公司被业主起诉!事发泉州一... 原标题:物业公司被业主起诉!事发泉州一小区 此前,晋江万科金域滨江小区的业主对...
【高招政策】香港城市大学:20... 原标题:【高招政策】香港城市大学:2024年在京投放17个名额 提前批次录取 ...
2024年监理工程师考试《建设... 原标题:2024年监理工程师考试《建设工程监理理论法规》教材解析,变化率2-3% ...
银河麒麟V10+达梦数据库8保...                   银河麒麟V10+达梦数据库8保姆级安装教程 一、系统和数...
百余件“祖传藏品”现身博物院,... 原标题:百余件“祖传藏品”现身博物院,捐赠还是代存?市民起诉欲索回 “我们自己...
职务犯罪留置人员家属被叫去问话... 原标题:职务犯罪留置人员家属被叫去问话到底该怎么办?
实际面积比合同少0.38平?长... 原标题:实际面积比合同少0.38平?长沙较真业主起诉开发商:退差价! 记者 |...
Landsat数据下载 Landsat数据下载步骤0 Landsat数据介绍1 下载地址2 下载步骤2.1 检索数据2.1....
2024年成都中考体考政策来了 原标题:2024年成都中考体考政策来了 今年成都中考体考恢复中长跑项目2024...
吉利银河 L6 推出限时购车政... 原标题:吉利银河 L6 推出限时购车政策,膨胀金8000 元 IT之家 1 月...