小編給大家分享一下Express + Session如何實(shí)現(xiàn)登錄驗(yàn)證功能，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供阜新企業(yè)網(wǎng)站建設(shè),專(zhuān)注與網(wǎng)站建設(shè)、成都做網(wǎng)站、HTML5、小程序制作等業(yè)務(wù)。10年已為阜新眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。

1. 寫(xiě)在前面

當(dāng)我們登錄了一個(gè)網(wǎng)站，在沒(méi)有退出登錄的情況下，我們關(guān)閉了這個(gè)網(wǎng)站 ，過(guò)一段時(shí)間，再次打開(kāi)這個(gè)網(wǎng)站，依然還會(huì)是登錄狀態(tài)。這是因?yàn)?，?dāng)我們登錄了一個(gè)網(wǎng)站，服務(wù)器會(huì)保存我們的登錄狀態(tài)，直到我們退出登錄，或者保存的登錄狀態(tài)過(guò)期。那服務(wù)器是通過(guò)什么存儲(chǔ)我們的登錄狀態(tài)的呢？ 答案就是 Session ，服務(wù)通過(guò) Session 能夠記錄每個(gè)客戶端連接的狀態(tài)。關(guān)于 Session 的原理，在這就不多說(shuō)了，本文主要介紹在 Express 框架中，如何使用 Session 來(lái)實(shí)現(xiàn)用戶登錄身份驗(yàn)證。

2. 環(huán)境配置

在Node 環(huán)境中， 并沒(méi)有集成 Express 和 Session 的庫(kù)，因此需要進(jìn)行安裝，首先進(jìn)入建立一個(gè)項(xiàng)目目錄，然后在項(xiàng)目根目錄中，利用下面命令安裝四個(gè)模塊。

1) Express

該模塊能夠讓我們快速的搭建一個(gè) Web 開(kāi)發(fā)框架。

2) body-parser

該模塊是 Express 模塊的中間件，方便我們解析瀏覽器發(fā)送來(lái)的 body 數(shù)據(jù)。

3) express-session

該模塊也是 Express 模塊中間件，方便我們處理客戶端的 session。

4) ejs

該模塊是一個(gè)渲染引擎。 方便我們將后臺(tái)變量數(shù)據(jù)綁定到前臺(tái)頁(yè)面上。

安裝如下：

npm install express --save
npm install body-parser --save
npm install express-session --save
npm install ejs --save

3. 登錄與驗(yàn)證

Session 能夠標(biāo)記客戶端在服務(wù)器上的狀態(tài)。利用這一點(diǎn)，我們能夠?qū)崿F(xiàn)客戶端的登錄驗(yàn)證。Session 登錄驗(yàn)證的流程大致為：客戶端若在未登錄的狀態(tài)下請(qǐng)求主頁(yè)，那么服務(wù)器將該請(qǐng)求重定向到登錄頁(yè)面；客戶端在登錄后，服務(wù)器需要記錄保存該客戶端的登錄狀態(tài)，并給予一個(gè)活動(dòng)期限，這樣下一次服務(wù)器請(qǐng)求主頁(yè)的時(shí)候，就能夠判斷該客戶端的登錄狀態(tài)，若登錄狀態(tài)有效，直接返回客戶端需要的頁(yè)面，否則重定向到登錄頁(yè)面。

對(duì)于 Session 的過(guò)期時(shí)間，如果沒(méi)有設(shè)置 Session 的過(guò)期時(shí)間，服務(wù)器會(huì)根據(jù)自己配置中默認(rèn)有效期，將長(zhǎng)期不與服務(wù)器交互的 Session 進(jìn)行刪除。

下面貼出實(shí)例代碼，界面比較簡(jiǎn)單，服務(wù)器后臺(tái)代碼注釋寫(xiě)的很清楚，因此就不再進(jìn)行說(shuō)明了。

項(xiàng)目的目錄結(jié)構(gòu)如下：

登錄頁(yè)面（login.html） 代碼如下：

  
  
  

  


  
    用戶名:  

    密碼: 
    
  

主頁(yè)（home.html）代碼如下：

  
  


  
用戶名：<%= username %>  退出登錄

服務(wù)器（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');
// 下面三行設(shè)置渲染的引擎模板
app.set('views', __dirname); //設(shè)置模板的目錄
app.set('view engine', 'html'); // 設(shè)置解析模板文件類(lèi)型：這里為html文件
app.engine('html', require('ejs').__express); // 使用ejs引擎解析html文件中ejs語(yǔ)法
app.use(bodyparser.json()); // 使用bodyparder中間件，
app.use(bodyparser.urlencoded({ extended: true }));
// 使用 session 中間件
app.use(session({
  secret : 'secret', // 對(duì)session id 相關(guān)的cookie 進(jìn)行簽名
  resave : true,
  saveUninitialized: false, // 是否保存未初始化的會(huì)話
  cookie : {
    maxAge : 1000 * 60 * 3, // 設(shè)置 session 的有效時(shí)間，單位毫秒
  },
}));
// 獲取登錄頁(yè)面
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; // 登錄成功，設(shè)置 session
    res.redirect('/');
  }
  else{
    res.json({ret_code : 1, ret_msg : '賬號(hào)或密碼錯(cuò)誤'});// 若登錄失敗，重定向到登錄頁(yè)面
  }
});
// 獲取主頁(yè)
app.get('/', function (req, res) {
  if(req.session.userName){ //判斷session 狀態(tài)，如果有效，則返回主頁(yè)，否則轉(zhuǎn)到登錄頁(yè)面
    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 實(shí)現(xiàn)登錄驗(yàn)證就完成。上面的例子 session 是保存在服務(wù)內(nèi)存中，當(dāng)然還可以保存在文件或數(shù)據(jù)庫(kù)中，只需要配置 session 中間件即可。

app.use(session({
  secret: 'secretkey',
  store: new MongoStore({
    db: 'sessiondb'
  })
}));

以上是“Express + Session如何實(shí)現(xiàn)登錄驗(yàn)證功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！