本文深入探討了如何使用 Node.js 和 Express.js 構(gòu)建網(wǎng)站。 Express.js 是在 Node.js 之上創(chuàng)建健壯且可擴(kuò)展的 Web 應(yīng)用程序的重要框架，今天的重點(diǎn)將是路由、中間件、模板引擎 和 cookie 會(huì)話。

概念亮點(diǎn)：

1. app.use(回調(diào))
2. app.use(路徑，回調(diào))
3. 獲取、發(fā)布、放置、刪除
4. Express 中間件
5. 調(diào)用堆棧中的下一個(gè)中間件
6. 使用 Express 路由器
7. Cookie 會(huì)話管理中間件
8. 模板變量
9. EJS

1. app.use(回調(diào))

Express.js中的app.use(callback)方法用于掛載中間件函數(shù)。無(wú)論 HTTP 方法或 URL 是什么，該中間件都會(huì)針對(duì)向應(yīng)用程序發(fā)出的每個(gè)請(qǐng)求運(yùn)行。

例如） 在此示例中，中間件針對(duì)每個(gè)傳入請(qǐng)求運(yùn)行并向控制臺(tái)記錄一條消息。

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

app.use((req, res, next) => {
  console.log('Middleware running for every request.');
  next();
});

2. app.use(路徑，回調(diào))

此方法允許您在特定路徑掛載中間件。僅當(dāng)請(qǐng)求與指定路徑匹配時(shí)，中間件才會(huì)運(yùn)行。

例如） 在本例中，只有以 /users 開(kāi)頭的路由才會(huì)觸發(fā)中間件。

app.use('/users', (req, res, next) => {
  console.log('Middleware only for /users route.');
  next();
});

3.獲取、發(fā)布、放置、刪除

這些方法允許您在特定路由上處理特定的 HTTP 方法（GET、POST、PUT、DELETE 等）。您可以在此處定義 Web 應(yīng)用程序的行為。

例如）每種方法處理 CRUD 操作的不同部分（創(chuàng)建、讀取、更新、刪除）以進(jìn)行用戶管理。

app.get('/users', (req, ress) => {
  res.send('Fetching all users');
});

app.post('/users', (req, res) => {
  res.send('Creating a new user');
});

app.put('/users/:id', (req, res) => {
  res.send(`Updating user with ID: ${req.params.id}`);
});

app.delete('/users/:id', (req, res) => {
  res.send('Deleting user with ID: ${req.params.id}`);
});

4. Express中間件

Express.js 中的中間件函數(shù)可以訪問(wèn)請(qǐng)求 (req) 和響應(yīng) (res) 對(duì)象，并且它們可以執(zhí)行代碼、進(jìn)行修改或終止請(qǐng)求-響應(yīng)周期。

主要特點(diǎn)：

• 執(zhí)行代碼：您可以執(zhí)行任何邏輯或操作。
• 修改請(qǐng)求/響應(yīng)：中間件可以更新標(biāo)頭、向 req 添加數(shù)據(jù)或修改 res 對(duì)象。
• 結(jié)束請(qǐng)求-響應(yīng)周期：中間件可以將數(shù)據(jù)發(fā)送回客戶端并結(jié)束周期。

例如） 在此示例中，中間件將自定義數(shù)據(jù)添加到請(qǐng)求對(duì)象，并且路由處理程序訪問(wèn)它。

app.use((req, res, next) => {
  req.customData = 'Some custom data';
  next();
});

app.get('/', (req, res) => {
  res.send(`Data from middleware: ${req.customData}`);
});

5. 調(diào)用下一個(gè)中間件

在上面的示例中，我使用 next() 將控制權(quán)傳遞給下一個(gè)中間件或路由處理程序。如果不調(diào)用 next()，請(qǐng)求將掛起，因?yàn)檠h(huán)不會(huì)繼續(xù)前進(jìn)。

例如）這確保了每個(gè)中間件都可以將控制權(quán)傳遞給鏈中的下一個(gè)。

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

app.use((req, res, next) => {
  console.log('Middleware running for every request.');
  next();
});

6. 使用 Express 路由器

Express Router 是一個(gè)在模塊化應(yīng)用程序中組織路由的好工具。它可以幫助您將路線分解為更小的、易于管理的部分。

例如） 在此示例中，路由器安裝在 /users，對(duì) /users/profile 的請(qǐng)求將由路由器的路由處理。

app.use('/users', (req, res, next) => {
  console.log('Middleware only for /users route.');
  next();
});

7.Cookie會(huì)話管理中間件

處理會(huì)話和 cookie 對(duì)于管理用戶身份驗(yàn)證和狀態(tài)至關(guān)重要。 Express.js 提供了管理會(huì)話數(shù)據(jù)的中間件。

例如） 使用快速會(huì)話，我初始化會(huì)話并設(shè)置會(huì)話數(shù)據(jù)，這些數(shù)據(jù)可以在整個(gè)用戶會(huì)話期間訪問(wèn)。

app.get('/users', (req, ress) => {
  res.send('Fetching all users');
});

app.post('/users', (req, res) => {
  res.send('Creating a new user');
});

app.put('/users/:id', (req, res) => {
  res.send(`Updating user with ID: ${req.params.id}`);
});

app.delete('/users/:id', (req, res) => {
  res.send('Deleting user with ID: ${req.params.id}`);
});

8. 模板變量

使用模板引擎渲染視圖時(shí)，可以傳遞變量來(lái)動(dòng)態(tài)生成內(nèi)容。例如，在 EJS 中，您可以將變量傳遞給視圖以進(jìn)行渲染。

例如） 在此示例中，我將標(biāo)題和消息變量傳遞給 EJS 模板。

app.use((req, res, next) => {
  req.customData = 'Some custom data';
  next();
});

app.get('/', (req, res) => {
  res.send(`Data from middleware: ${req.customData}`);
});

9.EJS（嵌入式JavaScript）

EJS 是一種流行的模板引擎，允許您編寫 HTML 并將 JavaScript 直接嵌入到 HTML 結(jié)構(gòu)中。它簡(jiǎn)單但功能強(qiáng)大，并且與動(dòng)態(tài)網(wǎng)頁(yè)的 Express.js 集成良好。

例如） 語(yǔ)法用于將 JavaScript 表達(dá)式注入 HTML。

app.use((req, res, next) => {
  console.log('First middleware');
  next();
});

app.use((req, res, next) => {
  console.log('Second middlware');
});

以上是使用 Node.js 和 Express.js 構(gòu)建網(wǎng)站的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！