Node.js + Express 前后端接口请求示例详解，GET/POST/PUT 都包含了！

2024-01-22 02:51:02

前言

Node.js是一个流行的JavaScript运行时环境，而Express.js是Node.js中最受欢迎的web框架之一。Express.js提供了一系列强大且灵活的功能，使开发人员能够快速构建web应用程序和API。

在本文中，我们将使用Node.js + Express.js构建一个简单的应用程序，以演示如何使用GET、POST和PUT方法进行接口请求。通过这些示例，您将对Node.js和Express.js的HTTP请求处理功能有更深入的了解，并能够轻松地构建自己的RESTful API。

Node.js + Express.js环境搭建

首先，需要确保您已经安装了Node.js和Express.js。您可以通过以下命令安装：

npm install -g nodejs
npm install express

安装完成后，创建一个新的Node.js项目目录，并进入该目录：

mkdir my-app
cd my-app

在项目目录中，创建一个名为server.js的文件，并输入以下代码：

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

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

app.listen(3000, () => {
  console.log('Server listening on port 3000');
});

这是我们Express.js应用程序的入口文件。我们首先导入express模块，然后创建一个Express应用程序实例。接下来，定义了一个GET请求的路由，当客户端向服务器发送GET请求时，服务器将响应"Hello World!"。最后，调用app.listen()方法，让服务器在端口3000上监听请求。

运行以下命令启动服务器：

node server.js

现在，打开浏览器，访问http://localhost:3000，您应该会看到"Hello World!"。这表示您的Express.js应用程序已经成功运行了。

GET请求示例

GET请求是最常用的HTTP请求方法之一。它用于从服务器获取数据。在我们的应用程序中，我们将使用GET请求来获取所有用户的列表。

在server.js文件中，添加以下代码：

const users = [
  { id: 1, name: 'John Doe' },
  { id: 2, name: 'Jane Smith' },
  { id: 3, name: 'Michael Jones' },
];

app.get('/users', (req, res) => {
  res.json(users);
});

我们在server.js文件中定义了一个名为users的数组，其中包含了三个用户的对象。然后，定义了一个GET请求的路由，当客户端向服务器发送GET请求时，服务器将响应users数组。

现在，重新启动服务器，然后在浏览器中访问http://localhost:3000/users。您应该会看到users数组的内容。

POST请求示例

POST请求用于向服务器发送数据。在我们的应用程序中，我们将使用POST请求来创建新的用户。

在server.js文件中，添加以下代码：

app.post('/users', (req, res) => {
  const newUser = req.body;
  users.push(newUser);

  res.json(newUser);
});

我们定义了一个POST请求的路由，当客户端向服务器发送POST请求时，服务器将响应一个新的用户对象。

现在，重新启动服务器，然后使用Postman或其他HTTP请求工具向http://localhost:3000/users发送一个POST请求。在请求体中，输入以下JSON数据：

{
  "name": "Tom Brown"
}

发送请求后，您应该会收到一个响应，其中包含了新创建的用户对象。

PUT请求示例

PUT请求用于更新服务器上的数据。在我们的应用程序中，我们将使用PUT请求来更新用户的信息。

在server.js文件中，添加以下代码：

app.put('/users/:id', (req, res) => {
  const updatedUser = req.body;
  const userIndex = users.findIndex((user) => user.id === parseInt(req.params.id));

  if (userIndex !== -1) {
    users[userIndex] = updatedUser;
    res.json(updatedUser);
  } else {
    res.status(404).send('User not found');
  }
});

我们定义了一个PUT请求的路由，当客户端向服务器发送PUT请求时，服务器将响应一个更新后的用户对象。

现在，重新启动服务器，然后使用Postman或其他HTTP请求工具向http://localhost:3000/users/1发送一个PUT请求。在请求体中，输入以下JSON数据：