翻译自:https://stormpath.com/blog/ev...前端
由于HTTP协议是没有状态的,但不少状况下是须要一些信息的,好比在用户登录后、再次访问网站时,无法判断用户是否登录过。因而就有了cookies,用于在浏览器端保存用户数据,它有以下特色
1 是在客户端浏览器端才有的
2 用于记录信息,大小最大为4K字节
3 若是使用了cookies,那么任何对该域名的访问都会带上cookiesnode
目前新型网站更多的采用浏览器缓存,cookie会存在一些问题,好比你每次往服务器提交请求时,都会带上cookie,不管是你访问的是否是静态图片。数据库
cookie例子:express
session相似服务器端的cookie,保存于服务器端,相似于服务器缓存。用户登录了总须要验证吧,那么就在session中验证便可,session和cookie是一一对应关系。浏览器
session的建立顺序缓存
Cookie是如何被设置的呢?是被服务器返回的请求设置的。安全
服务器会返回一个set-cookie的消息,通知浏览器要设置cookie了,因而浏览器会根据set-cookie里的字段来设置信息了,好比上图的信息就会设置session=r@rdegges.com服务器
咱们以client-session(express-session基本彻底同样)为例,为项目配置session
1 安装模块cookie
var session = require('client-sessions');
2 配置session网络
app.use(session({ cookieName: 'session', secret: 'random_string_goes_here', duration: 30 * 60 * 1000, activeDuration: 5 * 60 * 1000, }));
1)secret:一个随机字符串,由于客户端的数据都是不安全的,因此须要进行加密
2) duration:session的过时时间,过时了就必须从新设置
3) activeDuration: 激活时间,好比设置为30分钟,那么只要30分钟内用户有服务器的交互,那么就会被从新激活。
app.post('/login', function(req, res) { User.findOne({ email: req.body.email }, function(err, user) { if (!user) { res.render('login.jade', { error: 'Invalid email or password.' }); } else { if (req.body.password === user.password) { // sets a cookie with the user's info req.session.user = user; // 这里貌似有误,只是set了session,返回这个sessionid,但但数据并不会set到这个cookie里头 res.redirect('/dashboard'); } else { res.render('login.jade', { error: 'Invalid email or password.' }); } } }); });
咱们固然不但愿每一个请求都加上这一段,因此咱们使用express来作全局配置
app.use(function(req, res, next) { if (req.session && req.session.user) { User.findOne({ email: req.session.user.email }, function(err, user) { if (user) { req.user = user; delete req.user.password; // delete the password from the session req.session.user = user; //refresh the session value res.locals.user = user; } // finishing processing the middleware and run the route next(); }); } else { next(); } });
若是用户逻辑在没有登录时必须登录,那咱们能够继续加一个路由
function requireLogin (req, res, next) { if (!req.user) { res.redirect('/login'); } else { next(); } }; app.get('/dashboard', requireLogin, function(req, res) { res.render('dashboard.jade'); });
1 咱们能够在登出时重置session
app.get('/logout', function(req, res) { req.session.reset(); res.redirect('/'); });
还能够加一些安全性
httpOnly:用来保证cookie只能经过http访问,而不能用js来读取
secure:强制使用https
ephemeral:关闭浏览器时同时关闭cookie
Cookie和session因为实现手段不一样,所以也各有优缺点和各自的应用场景:
Session的典型应用场景是用户登陆某网站以后,将其登陆信息放入session,在之后的每次请求中查询相应的登陆信息以确保该用户合法。固然仍是有购物车等等经典场景;
Session安全性方面比较突出的是存在会话劫持的问题,这是一种安全威胁,这在下文会进行更详细的说明。整体来说,session的安全性要高于cookie;
咱们建了个前端自助学习QQ群,面向-1-2年码农,有兴趣的不妨加入:370423482
继续补充下,关于如何作一个完整的登录
通常来讲应该使用https,并且密码毫不能在网络中明文传输,所以在往服务器传输时就应该先加密,常见的md5,但md5被破解,所以能够用SHA512来加密 SHA256(password)
服务端须要对密码再进行加密,由于全部客户端的东西都是不安全的,万一你的网络被监听了呢,所以会进行 SHA512(username+SHA512(password)+sault)的加密,这里的sault为随机数,防止被脱库了后被猜出密码,因此须要附加一个随机数,这个sault最好是存放到另外的数据库中,防止由于存到一个库中被脱库中猜出
累了,有空再加