在现代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项目的步骤：
-
初始化项目
进入终端（命令提示符），创建一个新目录并进入该目录，然后运行以下命令来初始化项目：
mkdir my-express-app cd my-express-app npm init -y -
安装Express.js
接下来，安装Express.js：
npm install express -
创建应用入口文件
使用你喜欢的文本编辑器创建一个名为
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的路由机制对于任何一个前端开发者来说都是必备技能，不仅能帮助你通过面试，还能在实际项目中大显身手。
最后问候亲爱的朋友们，并邀请你们阅读我的全新著作
