从express入门，掌握高效开发网页之道

2023-09-26 08:02:39

Express 入门

Express 是一个基于 Node.js 的 web 应用框架，用于快速而轻松地构建 Web 应用。它提供了许多有用的功能，包括路由、模板引擎、中间件和错误处理程序。

安装 Express

要开始使用 Express，首先需要安装它。你可以使用 npm 包管理器来安装它：

npm install express

创建 Express 应用

安装 Express 之后，就可以创建一个 Express 应用了。你可以使用以下命令来创建一个新的 Express 应用：

npx express-generator my-app

这将创建一个名为 my-app 的新目录，其中包含一个基本的 Express 应用。

运行 Express 应用

要运行 Express 应用，你可以使用以下命令：

cd my-app
npm start

这将启动 Express 应用，并在本地主机 3000 端口上运行。

Express 路由

路由是 Express 中的一个重要概念。它允许你将不同的 URL 与不同的处理函数关联起来。例如，你可以将 / URL 映射到一个处理函数，该函数返回 "Hello, World!"。

以下是如何在 Express 中设置路由：

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

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

app.listen(3000);

这段代码创建了一个 Express 应用，并设置了一个路由，将 / URL 映射到一个处理函数。当有人访问 / URL 时，Express 将调用这个处理函数，并返回 "Hello, World!"。

Express 模板引擎

模板引擎允许你将动态数据插入到 HTML 模板中。这使得你可以轻松地创建动态网页。

Express 提供了多种内置的模板引擎，包括 Pug、EJS 和 Handlebars。你也可以安装第三方模板引擎，如 Jade 或 Mustache。

以下是如何在 Express 中使用 Pug 模板引擎：

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

app.set('view engine', 'pug');
app.set('views', './views');

app.get('/', (req, res) => {
  res.render('index', { title: 'Home' });
});

app.listen(3000);

这段代码创建了一个 Express 应用，并设置了 Pug 模板引擎。当有人访问 / URL 时，Express 将渲染 views/index.pug 模板，并将 title 变量传递给模板。

Express 中间件

中间件是在请求和响应之间执行的函数。它可以用于各种目的，例如日志记录、身份验证和压缩。

Express 提供了许多内置的中间件，包括 express.json()、express.urlencoded() 和 express.cookieParser()。你也可以安装第三方中间件，如 helmet 和 cors.

以下是如何在 Express 中使用 express.json() 中间件：

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

app.use(express.json());

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

app.listen(3000);

这段代码创建了一个 Express 应用，并使用 express.json() 中间件。当有人发送 JSON 请求时，Express 将使用这个中间件来解析请求体中的 JSON 数据。

Express 错误处理程序

错误处理程序用于处理 Express 应用中发生的错误。你可以使用 app.use() 方法来设置错误处理程序。

以下是如何在 Express 中设置错误处理程序：

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

app.use((err, req, res, next) => {
  res.status(500).send('Something went wrong!');
});

app.listen(3000);