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

概念亮點(diǎn)：

1. app.use(回呼)
2. app.use(路徑，回呼)
3. 取得、發(fā)佈、放置、刪除
4. Express 中介軟體
5. 呼叫堆疊中的下一個(gè)中間件
6. 使用 Express 路由器
7. Cookie 會(huì)話管理中介軟體
8. 模板變數(shù)
9. EJS

1. app.use(回呼)

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

例如） 在此範(fà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(路徑，回呼)

此方法可讓您在特定路徑掛載中間件。僅當(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 操作的不同部分（建立、讀取、更新、刪除）以進(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ù)可以存取請(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 新增資料或修改 res 物件。
• 結(jié)束請(qǐng)求-回應(yīng)週期：中間件可以將資料傳回客戶端並結(jié)束週期。

例如） 在此範(fàn)例中，中間件將自訂資料新增至請(qǐng)求對(duì)象，並且路由處理程序存取它。

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

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

5. 呼叫下一個(gè)中間件

在上面的範(fàn)例中，我使用 next() 將控制權(quán)傳遞給下一個(gè)中間件或路由處理程序。如果不呼叫 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)用程式中組織路由的好工具。它可以幫助您將路線分解為更小的、易於管理的部分。

例如） 在此範(fàn)例中，路由器安裝在 /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ì)話資料的中間件。

例如） 使用快速會(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ù)

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

例如） 在此範(fàn)例中，我將標(biāo)題和訊息變數(shù)傳遞給 EJS 範(fàn)本。

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 是一種流行的模板引擎，可讓您編寫(xiě) 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 建立網(wǎng)站的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！