如何使用Express.js创建一个基本的路由？

在现代Web开发或面试过程中，Express.js成为了必不可少的一部分。Express.js是Node.js的一个非常受欢迎和强大的框架，而创建路由是这个框架的核心功能之一。在这篇文章中，我们将详细介绍如何使用Express.js创建一个基本的路由，并附上示例代码帮助你理解。

什么是路由？

路由决定了应用程序如何响应客户端对特定端点的请求。在Express.js中，路由方法提供了HTTP动词并使用URL路径模式来匹配请求。例如，当用户访问http://yourdomain.com/home时，将有一个路由来处理这个请求。

搭建Express.js项目

首先，让我们来创建一个基本的Express.js应用程序。如果还没有Node.js， 你需要先下载并安装，随后才能使用NPM来管理项目的依赖包。

以下是创建一个Express.js项目的步骤：

1. 初始化项目

   进入终端（命令提示符），创建一个新目录并进入该目录，然后运行以下命令来初始化项目：

   mkdir my-express-app
   cd my-express-app
   npm init -y
   

2. 安装Express.js

   接下来，安装Express.js：

   npm install express
   

3. 创建应用入口文件

   使用你喜欢的文本编辑器创建一个名为app.js的文件并开始编写我们的Express.js应用。

创建基本路由

现在，我们已经搭建好了Express.js环境，接下来我们要生成一些基本的路由。这些路由将决定用户请求将被如何处理。

步骤1：引入Express.js

首先在app.js文件内引入Express.js：

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

步骤2：创建基本的GET路由

接下来，我们创建一个根路由/，当访问这个路径时，服务器将返回一个响应：

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

步骤3：创建其他HTTP动词的路由

Express.js不仅支持GET请求，还支持POST、PUT、DELETE等HTTP动词。以下是添加不同动词路由的示例：

// GET request
app.get('/about', (req, res) => {
  res.send('This is the about page.');
});

// POST request
app.post('/submit-form', (req, res) => {
  res.send('Form has been submitted!');
});

// PUT request
app.put('/update-data', (req, res) => {
  res.send('Data has been updated!');
});

// DELETE request
app.delete('/delete-item', (req, res) => {
  res.send('Item has been deleted!');
});

步骤4：参数化路由

有时我们需要把一些参数传递到路由中。我们可以通过在URL中指定动态路由参数来实现：

app.get('/user/:id', (req, res) => {
  res.send(`User ID is ${req.params.id}`);
});

在上面的代码里，当用户访问/user/123，服务器将响应User ID is 123。类似的，我们还可以在POST等其他动词中使用动态参数。

步骤5：启动服务器

最后，我们需要在指定端口上启动服务器：

app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

完整代码示例

将所有代码整合到一起，你应该有一个完整的app.js文件，如下所示：

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

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

// About Route
app.get('/about', (req, res) => {
  res.send('This is the about page.');
});

// Submit Form Route
app.post('/submit-form', (req, res) => {
  res.send('Form has been submitted!');
});

// Update Data Route
app.put('/update-data', (req, res) => {
  res.send('Data has been updated!');
});

// Delete Item Route
app.delete('/delete-item', (req, res) => {
  res.send('Item has been deleted!');
});

// User Route with Parameters
app.get('/user/:id', (req, res) => {
  res.send(`User ID is ${req.params.id}`);
});

// Start Server
app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

总结

以上就是如何使用Express.js创建基本路由的全部内容。你可以进一步按照你的需求扩展这些路由，处理更多的情况与逻辑。掌握Express.js的路由机制对于任何一个前端开发者来说都是必备技能，不仅能帮助你通过面试，还能在实际项目中大显身手。

---

最后问候亲爱的朋友们，并邀请你们阅读我的全新著作