📅 最后修改于: 2023-12-03 15:30:41.326000 🧑 作者: Mango
Express 是一款基于 Node.js 平台的 Web 开发框架，是业界使用最广泛的 Node.js Web 框架之一。它可以轻松地搭建 Web 应用程序和 API，具有简洁、灵活、高效等特点。
使用 Express 来提供 HTML 服务非常简单。以下是 Express 的一些基本用法：
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.send('Hello, world!');
});
app.listen(3000, () => {
console.log('Server started on http://localhost:3000');
});
在这个示例中，我们使用 Express 创建一个 Web 应用程序，当用户访问根路径时，返回一个简单的文本消息。
如果我们将该文本修改为 HTML 代码，则可以使用以下方式来提供 HTML 服务：
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.send(`
<!DOCTYPE html>
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, world!</h1>
<p>This is a HTML page served by Express.</p>
</body>
</html>
`);
});
app.listen(3000, () => {
console.log('Server started on http://localhost:3000');
});
在这个示例中，我们返回了一个包含 HTML 代码的字符串，通过设置 Content-Type 的值为 text/html，让浏览器渲染 HTML。
除此之外，我们还可以使用模板引擎来动态地生成 HTML 页面。Express 支持众多模板引擎，例如 EJS、Handlebars、Pug 等。以下是使用 EJS 来生成 HTML 页面的示例代码：
const express = require('express');
const app = express();
const ejs = require('ejs');
app.set('views', './views');
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
res.render('index', {
title: 'Hello, world!',
message: 'This is a HTML page served by Express with EJS.'
});
});
app.listen(3000, () => {
console.log('Server started on http://localhost:3000');
});
在这个示例中，我们首先设置了模板引擎为 EJS，在 views 目录中创建了 index.ejs 文件。当用户访问根路径时，通过 res.render 方法将 index.ejs 文件渲染成 HTML 页面，并动态地填充了变量。
Express 是一款灵活、高效、易用的 Node.js Web 框架，它可以轻松地提供 HTML 服务。我们可以通过返回静态 HTML 页面或使用模板引擎来动态生成 HTML 页面。无论是哪种方式，Express 都提供了便捷的 API 和丰富的插件来帮助我们快速地搭建 Web 应用程序。