【Node.js】从基础到精通(三)—— HTTP 模块探索

简介: 【Node.js】从基础到精通(三)—— HTTP 模块探索

🌟Node.js之HTTP模块探索✨

🌟引言

在网络编程中,HTTP协议无处不在。在Node.js的世界里,我们可以通过内置的http模块来轻松创建HTTP服务器和客户端,实现数据的接收和发送。今天就让我们一起打开这扇门,探索Node.js HTTP模块的奥秘吧🚀!

💡HTTP模块基础概念

HTTP模块Node.js的核心模块之一,它允许我们创建一个HTTP服务器或客户端。简单来说,通过这个模块,我们可以搭建自己的Web服务器处理请求,也可以发起HTTP请求获取远程资源。

🔧创建HTTP服务器

const http = require('http');
// 创建服务器
const server = http.createServer((req, res) => {
  // 设置响应头
  res.writeHead(200, {
    'Content-Type': 'application/json'
  })
  // 向客户端发送响应数据
  res.end(JSON.stringify({
    code: 200,
    message: `Hello World!`
  }));
})
// 启动服务器 监听 3000 端口
server.listen(3000, () => {
  console.log('Server is running on port 3000...: http://localhost:3000');
});

上述代码创建了一个监听3000端口的HTTP服务器,当接收到任何请求时,都会返回"Hello World"作为响应内容。

启动服务:node 文件名

启动成功后就可以在ApiFox进行测试:

或者浏览器打开http://localhost:3000

🚀 对于GET 、POST 、DELETE 、PUT方法的基本处理

const http = require('http');
const {parse} = require("url");
// 创建服务器
http.createServer((req, res) => {
  // 允许跨域访问
  res.setHeader("Access-Control-Allow-Origin", "*");
  // 处理不同的HTTP方法
  switch (req.method.toLowerCase()) {
    case 'get':
      handleGet(req, res);
      break;
    case 'post':
      handlePost(req, res);
      break;
    case 'delete':
      handleDelete(req, res);
      break;
    case 'put':
      handlePut(req, res);
      break;
    default:
      sendError(res, 405, "Method Not Allowed"); // 对于不支持的方法,返回错误状态码
  }
  function handleGet(req, res) {
    // 获取并解析查询参数
    const paramsObj = parse(req.url, true).query;
    respondWithSuccess(res, paramsObj);
    res.end();
  }
  function handlePost(req) {
    // POST请求通常需要读取请求体,这里假设是JSON格式
    let body = [];
    req.on('data', (chunk) => {
      body.push(chunk);
    }).on('end', () => {
      body = Buffer.concat(body).toString();
      try {
        const postData = JSON.parse(body);
        // 根据postData执行业务逻辑...
        // ...
        respondWithSuccess(res, postData);
      } catch (error) {
        sendError(res, 400, "Bad Request - Invalid JSON");
      }
    });
  }
  function handleDelete(req, res) {
    // DELETE请求可能包含URL路径中的资源标识符
    // 实际中会根据路径处理删除操作,这里仅模拟成功处理
    respondWithSuccess(res);
  }
  function handlePut(req, res) {
    // PUT请求类似POST,但通常用于更新资源
    // 同样需读取请求体并解析
    let putDataBuffer = [];
    req.on('data', (chunk) => {
      putDataBuffer.push(chunk);
    }).on('end', () => {
      // 在这里可以根据putData执行更新操作...
      // ...
      respondWithSuccess(res);
    });
  }
  function respondWithSuccess(res, data) {
    res.writeHead(200, {'Content-Type': 'application/json'});
    res.write(JSON.stringify({ code: 200, data }));
    res.end();
  }
  function sendError(res, statusCode, message) {
    res.writeHead(statusCode, {'Content-Type': 'application/json'});
    res.write(JSON.stringify({ code: statusCode, message }));
    res.end();
  }
}).listen(3000, () => {
  console.log('Server is running on port 3000...: http://localhost:3000');
});

在这个示例中,我们为GETPOSTDELETEPUT分别定义了处理函数,并且对POSTPUT请求读取其请求体(通常是JSON格式)。注意,在实际开发中,处理POSTPUT请求时往往还需要额外引入如body-parser这样的中间件来简化请求体解析的过程。同时,DELETEPUT方法的实际逻辑将根据应用程序的需求来编写,例如从请求URL中提取资源ID并进行数据库操作等。

接下来就可以启动服务,在Apifox上进行接口测试:

get请求:

post请求:

delete请求:

put请求:

🛰发起HTTP请求

Node.js的HTTP模块同样可以用来发起HTTP请求:

const http = require('http');
const data = JSON.stringify({
  name: 'John',
  age: 30
})
// 创建请求对象
// GET请求
const options = {
  hostname: 'localhost',
  port: 3000,
  method: 'GET',
  path: '/?name=John&age=30',
};
// POST请求
// const options = {
//  hostname: 'localhost',
//  port: 3000,
//  // 设置请求为POST
//  method: 'POST',
//  headers: {
//    'Content-Type': 'application/json', // 设置内容类型为JSON
//    'Content-Length': Buffer.byteLength(data)
//  }
// };
// PUT请求
// const options = {
//  hostname: 'localhost',
//  port: 3000,
//  // 设置请求为PUT
//  method: 'PUT',
//  headers: {
//    'Content-Type': 'application/json', // 设置内容类型为JSON
//    'Content-Length': Buffer.byteLength(data)
//  }
// }
// DELETE请求
// const options = {
//  hostname: 'localhost',
//  port: 3000,
//  // 设置请求为DELETE
//  method: 'DELETE',
//  path: '/1',
// }
const req = http.request(options, (res) => {
  let data = '';
  // 读取响应数据并将其拼接到data变量中
  res.on('data', (chunk) => {
    data += chunk;
  });
  // 响应结束后输出响应数据
  res.on('end', () => {
    console.log(`Response received: ${data}`);
  });
});
// 处理请求错误
req.on('error', (error) => {
  console.error(`Problem with request: ${error.message}`);
});
// POST/PUT请求,写入数据到请求体
// req.write(data);
// 发送请求
req.end();

这段代码使用内置的http模块创建了一个HTTP客户端,用于向指定的localhost服务器发起不同类型的HTTP请求(GET、POST、PUT或DELETE)。根据注释中的选项设置,可以灵活地切换请求方式和相关参数。

针对每种请求方法:

  • GET请求:通过查询字符串的方式传递参数。
  • POST请求:设置请求头Content-Typeapplication/json,并附带JSON格式的请求体数据。
  • PUT请求:与POST请求类似,也是发送JSON格式的数据,但使用PUT方法。
  • DELETE请求:仅指定请求路径进行资源删除操作。

在成功发起请求后,会监听响应事件,并将接收到的数据片段累加至变量data中。当响应结束时,输出完整的响应数据。同时,还添加了对请求错误的监听处理。

若为POST或PUT请求,需调用req.write(data)方法来发送请求体数据,最后调用req.end()方法来完成并发送请求。本示例中默认展示的是GET请求,若要发起其他类型的请求,请取消对应注释并修改选项配置。

先运行上一段(对于GET 、POST 、DELETE 、PUT方法的基本处理)的代码,再执行这段代码,向localhost:3000发起GET请求,打印出响应的内容。

📚总结

Node.js的HTTP模块提供了一套完整的网络通信API,无论是构建服务端应用还是发起客户端请求,都能满足我们的需求。通过灵活运用这些API,我们可以打造高效稳定的网络服务。希望这次的学习之旅能帮助你更好地理解和掌握Node.js的HTTP模块💪🚀!


目录
相关文章
|
1天前
|
网络协议 PHP
Swoole 源码分析之 Http Server 模块
想要了解到 `Http Server` 的全貌,其实只要把那张整体的实现图看懂就足以了。但是,如果想要有足够的深度,那么就还需要深入 `Swoole` 的源代码中,就着源码自行分析一遍。同时,也希望这一次的分析,能够给大家带来对 `Swoole` 更多的一些了解。并不要求要深刻的掌握,因为,很多的事情都不可能一蹴而就。从自己的实力出发,勿忘初心。
12 0
Swoole 源码分析之 Http Server 模块
|
8天前
|
JavaScript
【干货】js判断url是否是合法http/https
【干货】js判断url是否是合法http/https
14 1
|
9天前
|
JavaScript Linux 开发者
【Node.js】从基础到精通(二)—— Path 模块全解析
【Node.js】从基础到精通(二)—— Path 模块全解析
13 0
|
9天前
|
JavaScript 安全 前端开发
【Node.js】从入门到精通(一)—— fs 模块全解析
【Node.js】从入门到精通(一)—— fs 模块全解析
14 0
|
JSON 前端开发 JavaScript
JavaScript HTTP客户端库axios介绍
HTTP客户端是很多时候我们都需要用到的功能,今天就来介绍一个比较流行的JavaScript编写的HTTP客户端库axios。 安装 如果你会使用npm的话,可以使用npm来装,非常方便。
900 0
|
12天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
162 63
|
12天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
26 6
|
12天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
35 5
|
12天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
21 5
|
12天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
26 3