express+session实现简易身份认证

拼搏现实的明天。 2022-06-17 13:27 126阅读 0赞

## 环境初始化 ##

首先，初始化项目

express -e

然后，安装依赖。

npm install

接着，安装session相关的包。

npm install --save express-session session-file-store

## session相关配置 ##

配置如下，并不复杂，可以见代码注释，或者参考[官方文档][Link 1]。

var express = require('express');
    var app = express();
    var session = require('express-session');
    var FileStore = require('session-file-store')(session);
    
    var identityKey = 'skey';
    
    app.use(session({ 
        name: identityKey,
        secret: 'chyingp',  // 用来对session id相关的cookie进行签名
        store: new FileStore(),  // 本地存储session（文本文件，也可以选择其他store，比如redis的）
        saveUninitialized: false,  // 是否自动保存未初始化的会话，建议false
        resave: false,  // 是否每次都重新保存会话，建议false
        cookie: { 
            maxAge: 10 * 1000  // 有效期，单位是毫秒
        }
    }));

## 实现登录/登出接口 ##

### 创建测试账户数据 ###

首先，在本地创建个文件，来保存可用于登录的账户信息，避免创建链接数据库的繁琐。

// users.js
    module.exports = { 
        items: [
            { name: 'chyingp', password: '123456'}
        ]
    };

### 登录、登出接口实现 ###

实现登录、登出接口，其中：

*  登录：如果用户存在，则通过`req.regenerate`创建session，保存到本地，并通过`Set-Cookie`将session id保存到用户侧；
 *  登出：销毁session，并清除cookie；

### 登录态判断 ###

用户访问 [http://127.0.0.1:3000][http_127.0.0.1_3000] 时，判断用户是否登录，如果是，则调到用户详情界面（简陋无比）；如果没有登录，则跳到登录界面；

app.get('/', function(req, res, next){ 
        var sess = req.session;
        var loginUser = sess.loginUser;
        var isLogined = !!loginUser;
    
        res.render('index', { 
            isLogined: isLogined,
            name: loginUser || ''
        });
    });

### UI界面 ###

最后，看下登录、登出UI相关的代码。

<!DOCTYPE html> <html> <head> <title>会话管理</title> </head> <body> <h1>会话管理</h1> <% if(isLogined){ %> <p>当前登录用户：<%= name %>，<a href="/logout" id="logout">退出登陆</a></p> <% }else{ %> <form method="POST" action="/login"> <input type="text" id="name" name="name" value="chyingp" /> <input type="password" id="password" name="password" value="123456" /> <input type="submit" value="登录" id="login" /> </form> <% } %> <script type="text/javascript" src="/jquery-3.1.0.min.js"></script> <script type="text/javascript"> $('#login').click(function(evt){ evt.preventDefault(); $.ajax({ url: '/login', type: 'POST', data: { name: $('#name').val(), password: $('#password').val() }, success: function(data){ if(data.ret_code === 0){ location.reload(); } } }); }); </script> </body> </html>

[Link 1]: https://github.com/expressjs/session#options
[http_127.0.0.1_3000]: http://127.0.0.1:3000/