溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

nodejs中Express中間件如何使用

發布時間:2021-07-21 10:29:33 來源:億速云 閱讀:214 作者:Leah 欄目:web開發

本篇文章給大家分享的是有關nodejs中Express中間件如何使用,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

Express是一個基于Node.js平臺的web應用開發框架,在Node.js基礎之上擴展了web應用開發所需要的基礎功能,從而使得我們開發Web應用更加方便、更加快捷。

舉一個例子:

用node.js實現一個控制臺打印“hello server”

var http = require('http');
var server = http.createServer(function(req,res){
 console.log("hello server");
});
server.listen(3000);

這樣子的話,當我們需要處理各種請求(主要指GET、POST)時,我們需要將所有請求類型處理的代碼寫在createServer包裹的函數里。

用Express實現一個控制臺打印“hello server”

var express = require('express');
var app = express();
http.createServer(app);
 
// 處理用戶請求(路由)
app.get("/",function(){
 console.log("hello server");
})

Express處理各種請求是通過Express執行函數去調用對應的方法,這樣是不是更加方便和快捷了。

Express的API文檔完整易懂,2010-01-03陸續發布了幾個版本,其中第三版和第四版差異比較大, 主要體現在第三版的中間件基本上都是繼承了connect框架的,而第四版將中間件獨立出來了,不在依賴connect框架。

說到中間件,官網對它的闡述是這樣的:

“Express是一個自身功能極簡,完全是路由和中間件構成一個web開發框架:從本質上來說,一個Express應用就是在調用各種中間件?!?/p>

由此可見,中間件在Express開發中的重要性,因此這里我們就專門來總結一下中間件。

一、中間件結構

1、app.use([path],function)

path:是路由的url,默認參數‘/',意義是路由到這個路徑時使用這個中間件

function:中間件函數

這個中間件函數可以理解為就是function(request,response,next)

這里安裝是指涉及到第三方中間件的使用時,需要先安裝好,然后在使用。

二、中間件分類

1、內置中間件

 express.static 是Express目前唯一內置的一個中間件。用來處理靜態資源文件。

什么意思了? 來run一下代碼看看

// index.js
var express = require('express');
var app = express();
 
app.use(express.static(__dirname + '/public'));

啟動服務: node index.js

瀏覽器中訪問: http://localhost:1234/ 展示的/public/index.html內容

瀏覽器中訪問: http://localhost:1234/hello.html 展示的/public/hello.html內容

2、自定義中間件

在上面中間件結構中,我們知道了,中間件使用時的第二個參數是一個Function,然而,要自定義一個中間件,就是倒騰一番這個Function。

這個function總共有三個參數(req,res,next);

當每個請求到達服務器時,nodejs會為請求創建一個請求對象(request),該請求對象包含客戶端提交上來的數據。同時也會創建一個響應對象(response),響應對象主要負責將服務器的數據響應到客戶端。而最后一個參數next是一個方法,因為一個應用中可以使用多個中間件,而要想運行下一個中間件,那么上一個中間件必須運行next()。

好了,有了一個大概的了解,下面我定義一些中間件來實現一個路由功能。

var express = require('express');
var app = express();
 
app.use(function(request,response,next){
 if(request.url === '/'){
  response.writeHead(200,{"Content-Type":"text/plain"});
  response.end("This is home\n");
 } else {
  next();
 }
})
app.use(function(request,response,next){
 if(request.url === '/about'){
  response.writeHead(200,{"Content-Type":"text/plain"});
  response.end("This is about\n");
 } else {
  next();
 }
})
app.use(function(request,response,next){
 response.writeHead(404,{"Content-Type":"text/plain"});
 response.end("404 not found!\n");
})
app.listen(1234,'localhost');

瀏覽器中訪問: http://localhost:1234/ 展示This is home

瀏覽器中訪問: http://localhost:1234/about 展示This is about

這樣看是不是使用中間件很輕松就實現了路由的功能,當然,有關Express的路由可以專門拿出來寫寫,哈哈。

3、第三方中間件

有關第三方中間件,這里我們分析幾個比較重要和常用的,知道這幾個的使用,其它的也就會了。

body-parser :解析body中的數據,并將其保存為Request對象的body屬性。

cookie-parser :解析客戶端cookie中的數據,并將其保存為Request對象的cookie屬性

express-session :解析服務端生成的sessionid對應的session數據,并將其保存為Request對象的session屬性

query:這個中間件將一個查詢字符串從URL轉換為JS對象,并將其保存為Request對象的query屬性。這個中間件在第四個版本中已經內置了無需安裝。

下面來一個例子,功能是:用戶可否登錄和在服務端保存登錄態。

var express = require('express');
// 引入模板引擎
var hbs = require('express-handlebars');
var bodyParser = require('body-parser');
var session = require('express-session');
 
var app = express();
 
// hbs是一個模板引擎
app.engine('hbs',hbs());
app.set('view engine','hbs');
app.set('views','templates');
 
// 數據庫讀出來的數據
var userArr = ['wpzheng'];
 
app.use(session({secret:'maizidu'}));
app.use(bodyParser.urlencoded({extended:true}));
 
app.get('/', function(request,response,next){
 var username = request.session.username;
 if(username){
  response.send("hello" + username);
 }else{
  response.render('form');
 }
});
 
app.post('/', function(request,response){
  if(userArr.indexOf(request.body.username)>=0){
   request.session.username = request.body.username;
  }else{
   request.session.destroy();
  }
    // response對象的一個方法 重定向作用
  response.redirect('/');
});
app.listen(1234,'localhost');

如果session沒有保存數據(測試時可以將服務關閉,session就沒有值了,每次向服務器發送請求時,服務會創建一個新的session),就會自動跳到登錄頁面。當已登錄過(也就是說有session值),就直接顯示username。

這個例子涉及到模板(hbs)和response的方法(redirect)可以先不管。

三、中間件理解

寫到最后了,回到最開始的問題,你是否理解了什么是Express中間件?

結合上面講解時給出的例子,我們先來分析一下從瀏覽器地址欄輸入url到客戶端顯示數據之間這個過程到底發生了什么。

nodejs中Express中間件如何使用

瀏覽器向服務器發送一個請求后,服務器直接通過request.定位屬性的方式得到通過request攜帶過去的數據(有用戶輸入的數據和瀏覽器本身的數據信息)。這中間就一定有一個函數將這些數據分類做了處理,已經處理好了,最后讓request對象調用使用,對的,這個處理數據處理函數就是我們要說的 中間件 。由此可見,中間件可以總結以下幾點:

1、封裝了一些處理一個完整事件的功能函數。

2、非內置的中間件需要通過安裝后,require到文件就可以運行。

3、封裝了一些或許復雜但肯定是通用的功能。

以上就是nodejs中Express中間件如何使用,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女