Node.js中Express框架指的是什么

這篇文章主要介紹Node.js中Express框架指的是什么，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

很多語言都有一些框架，這些框架可以幫助我們更加快捷地開發(fā)以及維護(hù)項目，像 JS 就有 Vue、React、Angular 等流行框架；而 Node.js 也不例外，它也有一些框架可以幫助我們開發(fā) Node.js 項目。

目前比較流行的 Node.js 框架有 Express、Koa 和 Egg.js，無論是哪個 Node.js 框架，都是基于中間件來實現(xiàn)的，而中間件的執(zhí)行方式就需要依據(jù)洋蔥模型。

洋蔥模型

抽象一點解釋，就是從洋蔥中心點穿過去，就必須先一層層向內(nèi)穿入洋蔥表皮進(jìn)入中心點，然后再從中心點一層層向外穿出表皮，這里有個特點：進(jìn)入時穿入了多少層表皮，出去時就必須穿出多少層表皮。先穿入表皮，后穿出表皮，這種結(jié)構(gòu)是符合棧結(jié)構(gòu)先進(jìn)后出的原則的。

在 Node.js 框架中，洋蔥的表皮我們可以定義為中間件：

• 從外向內(nèi)進(jìn)入中心點的過程是一個關(guān)鍵詞 next()；

• 而從內(nèi)向外則是每個中間件執(zhí)行完畢后，進(jìn)入下一層中間件，一直到最后一層。

下面來簡單了解一些 Express 框架吧！

Express

Express 是 Node.js 中 HTTP 服務(wù)的一個框架，而要了解一個框架，最好的方法是

• 去了解它的關(guān)鍵功能

• 推導(dǎo)出它要解決的問題是什么

那要了解它的關(guān)鍵功能，我們可以去 Express 的網(wǎng)站 查看它的 Features，這些核心功能都是為了讓我們更加方便、簡潔地寫出 HTTP 服務(wù)，從而大大減輕我們的開發(fā)負(fù)擔(dān)，讓我們快速上手開發(fā)。

一些 Features：

• 路由：將對應(yīng)路由分開作為模塊處理

• request/response 屬性的簡化，讓我們不需要經(jīng)過轉(zhuǎn)換，然后直接使用對應(yīng)的屬性。

• request：pathname、query 等

• response：send()、json()、jsonp() 等

• 中間件（next()）

• 更好地組織流程代碼

• 異步會打破 Express 的洋蔥模型

Express 改造石頭剪刀布游戲

現(xiàn)在通過使用 Express 框架來改造石頭剪刀布游戲，game.js 游戲模塊和 index.html 頁面的代碼沒有變動，可以去 github 上面 clone。

index.js Express 改造，需要先用 npm 安裝 express：npm i express。

const fs = require('fs');
const express = require('express');

const game = require('./game');
let playerWon = 0; // 贏的次數(shù)

const app = express();

// 路由功能，將對應(yīng)路由功能分開作為模塊處理，到時候也可以放到其它文件去
// 通過 app.get 設(shè)定 /favicon.ico 路徑的路由
// .get 代表請求 method 是 get，所以這里可以用 post、delete 等。這個能力很適合用于創(chuàng)建 rest 服務(wù)
app.get('/favicon.ico', function (request, response) {
  // 一句 status(200) 即可代替 writeHead(200); end();
  // response.writeHead(200);
  // response.end();
  response.status(200);
  return;
})
// 打開頁面 index.html
app.get('/', function (request, response) {
  // fs.createReadStream(__dirname + '/index.html').pipe(response);
  // send接口會判斷你傳入的值的類型，文本的話則會處理為text/html
  // Buffer的話則會處理為下載，html文件需要加上 `utf-8`
  response.send(fs.readFileSync(__dirname + '/index.html', 'utf-8'))
})

// next()同步狀態(tài)下沒有問題的，但是一旦有了異步，洋蔥模型就打破了
app.get('/game',
  function (request, response, next) {
    if (playerWon >= 3) {
      response.status(500);
      response.send('我不會再玩了！');
      return;
    }
    // 通過next執(zhí)行后續(xù)中間件
    next();
    // 當(dāng)后續(xù)中間件執(zhí)行完之后，會執(zhí)行到這個位置
    if (response.playerWon) {
      playerWon++;
    }
  },
  // 獲取玩家的操作
  function (request, response, next) {
    // Express 中對 request 做了一些處理，可以直接拿到 query 參數(shù)
    // const query = querystring.parse(parsedUrl.query);
    // const playerAction = query.action;
    const query = request.query;
    const playerAction = query.action;
    response.playerAction = playerAction;
    // 通過next執(zhí)行后續(xù)中間件
    next();
  },
  function (request, response) {
    // 通過 response 去掛載一些參數(shù)
    let playerAction = response.playerAction;
    // 執(zhí)行游戲邏輯
    const gameRes = game(playerAction);
    // 先返回頭部
    // response.writeHead(200);
    response.status(200);
    // 根據(jù)不同的游戲結(jié)果返回不同的說明
    if (gameRes == 0) {
      // response.end('平局！');
      response.send('平局！');
    } else if (gameRes == 1) {
      response.send('你贏了！');
      // 玩家勝利次數(shù)統(tǒng)計+1
      // playerWon++;
      response.playerWon = true;
    } else {
      response.send('你輸了！');
    }
  }
)
app.listen(3000);

以上是“Node.js中Express框架指的是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！