如何利用Node.js和Express 4快速构建Web应用？

Node.js Express 4 教程

安装 Node.js 和 Express

你需要在你的机器上安装 Node.js，你可以从官方网站下载并安装：https://nodejs.org/

安装完成后，你可以通过以下命令检查 Node.js 是否已成功安装：

node v

我们将使用 npm（Node.js 包管理器）来安装 Express，在终端中运行以下命令：

npm install express save

这将在你的项目中安装 Express，并将其添加到项目的依赖列表中。

创建一个简单的 Express 应用

创建一个名为app.js 的文件，并在其中输入以下代码：

const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
  res.send('Hello World!');
});
app.listen(port, () => {
  console.log(Example app listening at http://localhost:${port});
});

保存文件后，在终端中运行以下命令启动应用：

node app.js

打开浏览器并访问 http://localhost:3000，你应该看到 "Hello World!" 的输出。

路由和中间件

Express 是一个基于路由的框架，允许你定义不同的 URL 路径和相应的处理函数，以下是一个简单的路由示例：

app.get('/users', (req, res) => {
  res.send('User list');
});
app.get('/users/:id', (req, res) => {
  res.send(User details for ID: ${req.params.id});
});

你还可以使用中间件来处理请求和响应，中间件是位于路由处理程序之前的函数，可以执行诸如日志记录、身份验证等任务，以下是一个简单的中间件示例：

app.use((req, res, next) => {
  console.log('Time:', Date.now());
  next();
});

静态文件服务

Express 可以轻松地提供静态文件，如 HTML、CSS 和 JavaScript 文件，只需将它们放在项目的 public 文件夹中，然后使用以下代码启用静态文件服务：

app.use(express.static('public'));

你可以在浏览器中访问 http://localhost:3000/index.html 来查看 public 文件夹中的 index.html 文件。

问题与解答

问题1：如何更改 Express 应用的端口？

答案：要更改 Express 应用的端口，只需修改app.listen() 方法中的port 变量的值即可，要将端口更改为 8080，可以将代码更改为：

const port = 8080;
app.listen(port, () => {
  console.log(Example app listening at http://localhost:${port});
});

问题2：如何在 Express 应用中使用模板引擎？

答案：要在 Express 应用中使用模板引擎，你需要先安装一个模板引擎库，Pug（以前称为 Jade），通过运行以下命令安装 Pug：

npm install pug save

在你的 Express 应用中设置 Pug 作为默认的模板引擎：

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

你可以创建 Pug 模板文件（扩展名为.pug），并在路由处理程序中使用res.render() 方法渲染它们，创建一个名为index.pug 的文件，内容如下：

h1 Welcome to My App!

然后在你的路由处理程序中使用它：

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