本文深入探討了如何使用 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ù)。無論 HTTP 方法或 URL 是什么，該中間件都會(huì)針對向應(yīng)用程序發(fā)出的每個(gè)請求運(yùn)行。

例如） 在此示例中，中間件針對每個(gè)傳入請求運(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)請求與指定路徑匹配時(shí)，中間件才會(huì)運(yùn)行。

例如） 在本例中，只有以 /users 開頭的路由才會(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ù)可以訪問請求 (req) 和響應(yīng) (res) 對象，并且它們可以執(zhí)行代碼、進(jìn)行修改或終止請求-響應(yīng)周期。

主要特點(diǎn)：

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

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

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()，請求將掛起，因?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，對 /users/profile 的請求將由路由器的路由處理。

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

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

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

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

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í)，可以傳遞變量來動(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)中。它簡單但功能強(qiáng)大，并且與動(dòng)態(tài)網(wǎng)頁的 Express.js 集成良好。

例如） 語法用于將 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)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！