https://www.cnblogs.com/mingjiatang/p/7495321.html

Express + Session 实现登录验证

 

1. 写在前面

当我们登录了一个网站，在没有退出登录的情况下，我们关闭了这个网站 ，过一段时间，再次打开这个网站，依然还会是登录状态。这是因为，当我们登录了一个网站，服务器会保存我们的登录状态，直到我们退出登录，或者保存的登录状态过期。那服务器是通过什么存储我们的登录状态的呢？ 答案就是 Session ，服务通过 Session 能够记录每个客户端连接的状态。关于 Session 的原理，在这就不多说了，本文主要介绍在 Express 框架中，如何使用 Session 来实现用户登录身份验证。

2. 环境配置

在Node 环境中， 并没有集成 Express 和 Session 的库，因此需要进行安装，首先进入建立一个项目目录，然后在项目根目录中，利用下面命令安装四个模块。
1) Express
该模块能够让我们快速的搭建一个 Web 开发框架。
2) body-parser
该模块是 Express 模块的中间件，方便我们解析浏览器发送来的 body 数据。
3) express-session
该模块也是 Express 模块中间件，方便我们处理客户端的 session。
4) ejs
该模块是一个渲染引擎。 方便我们将后台变量数据绑定到前台页面上。
安装如下：

npm install express --save

npm install body-parser --save

npm install express-session --save

npm install ejs --save

3. 登录与验证

Session 能够标记客户端在服务器上的状态。利用这一点，我们能够实现客户端的登录验证。Session 登录验证的流程大致为：客户端若在未登录的状态下请求主页，那么服务器将该请求重定向到登录页面；客户端在登录后，服务器需要记录保存该客户端的登录状态，并给予一个活动期限，这样下一次服务器请求主页的时候，就能够判断该客户端的登录状态，若登录状态有效，直接返回客户端需要的页面，否则重定向到登录页面。

对于 Session 的过期时间，如果没有设置 Session 的过期时间，服务器会根据自己配置中默认有效期，将长期不与服务器交互的 Session 进行删除。

下面贴出实例代码，界面比较简单，服务器后台代码注释写的很清楚，因此就不再进行说明了。

项目的目录结构如下：

登录页面（login.html） 代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style type="text/css">

    </style>

</head>

<body>

    <form action="/login" method="POST">

        用户名: <input type="text" name="username"/>  <br>

        密码: <input type="password" name="pwd"/>

        <input type="submit" value="Submit"/>

    </form>

</body>

</html>

主页（home.html）代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <div>用户名：<span><%= username %> </span>  <a href="/logout">退出登录</a></div>

</body>

</html>

服务器（app.js）代码如下：

/**

 * Created by tjm on 9/7/2017.

 */

var express = require('express');

var app = express();

var session = require('express-session');

var bodyparser = require('body-parser');

// 下面三行设置渲染的引擎模板

app.set('views', __dirname); //设置模板的目录

app.set('view engine', 'html'); // 设置解析模板文件类型：这里为html文件

app.engine('html', require('ejs').__express); // 使用ejs引擎解析html文件中ejs语法

app.use(bodyparser.json()); // 使用bodyparder中间件，

app.use(bodyparser.urlencoded({ extended: true }));

// 使用 session 中间件

app.use(session({

    secret :  'secret', // 对session id 相关的cookie 进行签名

    resave : true,

    saveUninitialized: false, // 是否保存未初始化的会话

    cookie : {

        maxAge : 1000 * 60 * 3, // 设置 session 的有效时间，单位毫秒

    },

}));

// 获取登录页面

app.get('/login', function(req, res){

    res.sendFile(__dirname + '/login.html')

});

// 用户登录

app.post('/login', function(req, res){

    if(req.body.username == 'admin' && req.body.pwd == 'admin123'){

        req.session.userName = req.body.username; // 登录成功，设置 session

        res.redirect('/');

    }

    else{

        res.json({ret_code : 1, ret_msg : '账号或密码错误'});// 若登录失败，重定向到登录页面

    }

});

// 获取主页

app.get('/', function (req, res) {

    if(req.session.userName){  //判断session 状态，如果有效，则返回主页，否则转到登录页面

        res.render('home',{username : req.session.userName});

    }else{

        res.redirect('login');

    }

})

// 退出

app.get('/logout', function (req, res) {

    req.session.userName = null; // 删除session

    res.redirect('login');

});

app.listen(8000,function () {

    console.log('http://127.0.0.1:8000')

})

到此，session 实现登录验证就完成。上面的例子 session 是保存在服务内存中，当然还可以保存在文件或数据库中，只需要配置 session 中间件即可。

app.use(session({

    secret: 'secretkey',

    store: new MongoStore({

        db: 'sessiondb'

    })

}));

上面的代码则是将 session 保存到 MongoDB 数据库，当然 Session 的配置还有一些，具体参考：https://www.npmjs.com/package/express-session

express session 实现登录的更多相关文章

  1. Express + Session 实现登录验证

    1. 写在前面 当我们登录了一个网站,在没有退出登录的情况下,我们关闭了这个网站 ,过一段时间,再次打开这个网站,依然还会是登录状态.这是因为,当我们登录了一个网站,服务器会保存我们的登录状态,直到我 ...

  2. express session 和 socketio session关联

    express session http是没有状态的协议, 需要web框架自己实现会话和会话管理工作. express框架有session插件可以使用. 见如下介绍: https://www.tuto ...

  3. nodejs+express+mongodb实现登录注册

    nodejs+express+mongodb实现登录注册 1 简介 登录注册功能使用nodejs+express+mongodb完成,其中对mongodb的操作使用mongoose完成,对mongod ...

  4. 创建Cookie，简单模拟登录，记录登录名，购物车记录先前添加内容，session控制登录

     工作任务:模拟淘宝登录和购物车功能:使用cookie记录登录名,下次登录时能够记得上次的登录名,使用cookie模拟购物车功能,使用session记住登录信息并验证是否登录,防止利用url打开网站, ...

  5. 使用COOKIE实现登录 VS 使用SESSION实现登录

    注:本文使用的代码基于PHP,其他语言逻辑同理. 一:使用COOKIE实现登录验证 使用cookie实现登录的方式,主要通过一些单向的加密信息进行验证.比如admin用户登录了之后,服务端生成一个co ...

  6. TP框架中如何使用SESSION限制登录？

    TP框架中如何使用SESSION限制登录? 之前总是被问题今天才明白,最高效的来做页面访问限制问题. OOP思想中的继承特性,实现验证,是否已经登录,不必每个页面都进行判断. 实现如下: 继承Cont ...

  7. cookie和session实现登录验证

    回话技术,比如在做登录功能的时候,需要配合是用存储在客户端的cookie信息,以及存储在服务端的session来实现登录功能.在cookie中保存了用户的信息,特别是一个特殊的令牌信息,当用户拿着这个 ...

  8. express+session实现简易身份认证

    本文摘录自<Nodejs学习笔记>,更多章节及更新,请访问 github主页地址.欢迎加群交流,群号 197339705. 文章概览 本文基于express.express-session ...

  9. Nodejs进阶：express+session实现简易身份认证

    本文摘录自<Nodejs学习笔记>,更多章节及更新,请访问 github主页地址.欢迎加群交流,群号 197339705. 文档概览 本文基于express.express-session ...

随机推荐

  1. 杭电ACM 1713 相遇周期

    相遇周期 Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submis ...

  2. [HDU5382]GCD?LCM!

    Description HDU5382 会吗?不会! 设\(F(n)=\sum\limits_{i = 1}^{n}\sum\limits_{j=1}^{n}[lcm(i,j)+gcd(i,j)\ge ...

  3. vue中用 async/await 来处理异步

    原文作者:https://www.cnblogs.com/SamWeb/p/8417940.html 昨天看了一篇vue的教程,作者用async/ await来发送异步请求,从服务端获取数据,代码很简 ...

  4. 【音乐欣赏】《Wrong》 - Far Out / Emilia Ali

    曲名:Wrong 作者:Far Out / Emilia Ali [00:16.03]Ride body on mine [00:18.07]Griping your waist as I was o ...

  5. Go同步等待组/互斥锁/读写锁

    1. 临界资源 package main import ( "fmt" "time" ) func main() { /* 临界资源: */ a := 1 go ...

  6. zabbix-agent不能启动：配置文件出现特殊字符导致

    问题如下: 定位查找问题: 命令:journalctl  -xe [重点] 图中可见错误信息在zabbix_agent配置文件中的“hostname=”中不能出现特殊字符,我出错的原因是写成了:hos ...

  7. 最全的 eclipse web 项目目录结构以及Tomcat的各个目录的作用

    本文会尽可能对 java web 项目的目录结构做出最详细的解释,尽量做到浅显易懂. eclipse web 项目目录结构   java web 项目事例 03-springmvc-drien-xgq ...

  8. jinja 语法 - 整型转字符串

    大多数 jinja 相关的问题,其实查文档就解决了,但后来遇到这个问题,使得我把 jinja 官方文档,api.样例等,认真读了个遍= =. 发现没有直接的办法可以将整型转为字符串,对于需要进行字符串 ...

  9. 妙用python之编码转换

    转自i春秋 文章难易度:★★ 知识点:python.编码转换 前 言 在日常渗透,漏洞挖掘,甚至是CTF比赛中,会遇到各种编码,常常伴随着这些编码之间的各种转换.记得刚入门那个时候,自己处理编码转换问 ...

  10. linux内存查看、清理、释放命令

    echo 1 > /proc/sys/vm/drop_caches 清理前 # free -h total used free shared buffers cached Mem: 19G 19 ...