乐趣区

express框架下使用session

上一遍文章说了 cookie 的不足,提到使用 session 是解决缺点的一个方法。这遍文章说说怎么使用 session. 作者使用了文件保存 session 的方法。若用别保存方式(内存、数据库)也行,记得使用相应的模块。
下面从使用内存存储和文件存储的 2 个方法分别说明。

内存存储 session

实现过程

// app.js
// 引入 express-session
var session = require('express-session')
// 为应用绑定 session 中间件
app.use(session({
    name: 'session-id',
    secret: '12345-67890',
    saveUninitialized: false,
    resave: false
}))

查看结果

router.get('/session/first', (req, res, next) => {
  let s = req.session
  console.log(s)
  res.send(s)
})

使用

使用这个方法做一个 demo. 比如显示浏览次数。

router.get('/session/view', (req, res, next) => {
  let s = req.session
  if (req.session.views) {
    req.session.views++
    res.send(`views: ${req.session.views} time.`)
  } else {
    req.session.views = 1
    res.send('views: 0')
  }
})


我发现在操作 session 后,会在根目录下创建一个 session 目录,里面保存了 session.

文件存储 session

相对于内存存储 session 不同在于保存 session 的位置不同。内存存储方式是把 session 保存在 session 里。对于后台服务会占用大量内存,这种方法肯定不行。文件存储方式是把 session 保存在文件夹里。听说还有一种叫数据库保存。

install

要使用文件存储 session 需要安装session-file-store

npm i express-session session-file-store

使用文件存储

// app.js
var session = require('express-session')
var FileStore = require('session-file-store')(session) // 引入 
// 在 express-session 中使用
app.use(session({
  name: 'session-id',
  secret: '12345-67890',
  saveUninitialized: false,
  resave: false,
  store: new FileStore() // 指明使用文件存储}))

注册、登录、登录验证和登出

这部分需要 bodyParser mongoose 模块。记得安装。

1. 创建数据库连接。

连接了数据库就可以把用户数据放在数据库里。

// app.js
const mongoose = require('mongoose')
const url = 'mongoodb://localhost:27017/confusion'
const connect = mongoose.connect(url, {useNewUrlParser: true, useCreateIndex: true})
connest.then(db => {console.log('Connect correct to server')
}, err => {console.log(err)})

2. 创建 user 的 model,用于连接数据库。

在项目根目录下创建 models 目录,再创建 user.js。下面定义了 user 的 model

// @/models/user.js
var mongoose = require('mongoose'),
Schema = mongoose.Schema,
User = new Schema({
  username: {
    type: String,
    required: true,
    unique: true
  },
  password: {
    type: String,
    required: true
  },
  admin: {
    type: Boolean,
    default: false
  }
})
module.exports = mongoose.model('User', User)

3. 创建注册的接口。

注册的接口
    是否已经存在用户 ------ 存在 ------> 不重复创建.  
            |----------- 不存在 -----> 创建用户

// @/routes/users.js
// /session/first /session/view 注释了或删除了。// 该文件在 app.user(session(...))之前,所以得不到 req.session
// // 查看 session
// router.get('/session/first', (req, res, next) => {
//   let s = req.session
//   console.log(s)
//   res.send(s)
// })
// // 在 session 里保存浏览次数
// router.get('/session/view', (req, res, next) => {
//   let s = req.session
//   if (req.session.views) {
//     req.session.views++
//     res.send(`views: ${req.session.views} time.`)
//   } else {
//     req.session.views = 1
//     res.send('views: 1')
//   }
// })

router.post('/signup', (req, res, next) => {console.log(req.body)
  User.findOne({username: req.body.username}).then(user => {if (user === null) {
      return User.create({
        username: req.body.username,
        password: req.body.password
      })
    } else {var err = new Error(`User ${req.body.username} already exist!`)
      err.status = 403
      next(err)
    }
  }).then(user => {
    res.statusCode = 200
    res.json({status: 'registration successful', user: user})
  }).catch(err => {res.send(err)
  })
})

4. 创建登录的接口。

登录的接口 https://github.com/feigebaobei/nodejs/tree/master/node-session
    是否已经登录 ------ 登录 ------> 不做事  
        |----------- 没登录 -----> 验证 username/password 是否正确.---- 正确 ----> 设置已经登录  
                                        |---------------------- 不正确 ----> 返回错误

router.post('/login', (req, res, next) => {if (req.session.auth) { // 以 req.session.auth 为标记,标记是否已经通过登录验证
    res.statusCode = 200
    res.send('You are already authenticated')
  } else {User.findOne({username: req.body.username}).then(user => {if (user) {if (user.password !== req.body.password) {var err = new Error(`password error`)
          err.status = 403
          next(err)
        } else {
          req.session.auth = true // 登录成功设置标记为 true
          res.statusCode = 200
          res.send('login successful')
        }
      } else { // 没用指定用户
        var err = new Error(`User ${req.body.username} does not exist!`)
        err.status = 403
        next(err)
      }
    // }).catch(err => next(err))
    }).catch(err => {res.send(err)
    })
  }
})

5. 创建登出的接口。

router.get('/logout', (req, res, next) => {if (req.session) {req.session.destroy() // 删除 session
    res.clearCookie('session-id') // 删除 cookie
    res.send('登出成功。重定向的事让前端做')
  } else {var err = new Error('you are not logged in!')
    err.status = 403
    next(err)
  }
})

6. 登录后才可访问的接口

// @/routes/news.js
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {res.render('index', { title: 'Express'});
});
module.exports = router;

7. 编写登录验证的中间件。注意登录接口、登录验证中间件、登录后才可访问的接口的次序。

// app.js
// 1. 引入路由
var index = require('./routes/index');
var users = require('./routes/users');
var news = require('./routes/news');
// 2. 挂载 session 中间件
app.use(session({
  name: 'session-id',
  secret: '12345-67890',
  saveUninitialized: false,
  resave: false,
  store: new FileStore()}))
// 3. 挂载不需要登录验证的路由
app.use('/', index)
app.use('/users', users)
// 4. 定义验证登录函数
let authFn = (req, res, next) => {console.log(req.session)
  if (req.session.auth) {next()
  } else {var err = new Error('You are not authenticated!')
    err.status = 403
    next(err)
  }
}
// 5. 挂载需要登录验证的路由
app.use('/news', news)

总结

这个例子只诠释了简单的登录、验证登录、登出功能。下面是本文用到的 js 模块(express-session, session-file-store, mongoose)在 npm 上都能找到。完整代码

退出移动版