使用 Node.js 和 Express.js 构建网站

本文深入探讨了如何使用 Node.js 和 Express.js 构建网站。 Express.js 是在 Node.js 之上创建健壮且可扩展的 Web 应用程序的重要框架，今天的重点将是路由、中间件、模板引擎 和 cookie 会话。

概念亮点：

1. app.use(回调)
2. app.use(路径，回调)
3. 获取、发布、放置、删除
4. Express 中间件
5. 调用堆栈中的下一个中间件
6. 使用 Express 路由器
7. Cookie 会话管理中间件
8. 模板变量
9. EJS

1. app.use(回调)

Express.js中的app.use(callback)方法用于挂载中间件函数。无论 HTTP 方法或 URL 是什么，该中间件都会针对向应用程序发出的每个请求运行。

例如） 在此示例中，中间件针对每个传入请求运行并向控制台记录一条消息。

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

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

2. app.use(路径，回调)

此方法允许您在特定路径挂载中间件。仅当请求与指定路径匹配时，中间件才会运行。

例如） 在本例中，只有以 /users 开头的路由才会触发中间件。

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

3.获取、发布、放置、删除

这些方法允许您在特定路由上处理特定的 HTTP 方法（GET、POST、PUT、DELETE 等）。您可以在此处定义 Web 应用程序的行为。

例如）每种方法处理 CRUD 操作的不同部分（创建、读取、更新、删除）以进行用户管理。

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 中的中间件函数可以访问请求 (req) 和响应 (res) 对象，并且它们可以执行代码、进行修改或终止请求-响应周期。

主要特点：

• 执行代码：您可以执行任何逻辑或操作。
• 修改请求/响应：中间件可以更新标头、向 req 添加数据或修改 res 对象。
• 结束请求-响应周期：中间件可以将数据发送回客户端并结束周期。

例如） 在此示例中，中间件将自定义数据添加到请求对象，并且路由处理程序访问它。

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

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

5. 调用下一个中间件

在上面的示例中，我使用 next() 将控制权传递给下一个中间件或路由处理程序。如果不调用 next()，请求将挂起，因为循环不会继续前进。

例如）这确保了每个中间件都可以将控制权传递给链中的下一个。

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

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

6. 使用 Express 路由器

Express Router 是一个在模块化应用程序中组织路由的好工具。它可以帮助您将路线分解为更小的、易于管理的部分。

例如） 在此示例中，路由器安装在 /users，对 /users/profile 的请求将由路由器的路由处理。

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

7.Cookie会话管理中间件

处理会话和 cookie 对于管理用户身份验证和状态至关重要。 Express.js 提供了管理会话数据的中间件。

例如） 使用快速会话，我初始化会话并设置会话数据，这些数据可以在整个用户会话期间访问。

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. 模板变量

使用模板引擎渲染视图时，可以传递变量来动态生成内容。例如，在 EJS 中，您可以将变量传递给视图以进行渲染。

例如） 在此示例中，我将标题和消息变量传递给 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 结构中。它简单但功能强大，并且与动态网页的 Express.js 集成良好。

例如） 语法用于将 JavaScript 表达式注入 HTML。

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

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

以上是使用 Node.js 和 Express.js 构建网站的详细内容。更多信息请关注PHP中文网其他相关文章！