【Node.js】03 —— HTTP 模块探索

🌟Node.js之HTTP模块探索✨

🌟引言

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

💡HTTP模块基础概念

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

🔧创建HTTP服务器

javascript 复制代码
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方法的基本处理

javascript 复制代码
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请求:

javascript 复制代码
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模块💪🚀!

相关推荐
cs_dn_Jie21 分钟前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic1 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿1 小时前
webWorker基本用法
前端·javascript·vue.js
清灵xmf2 小时前
TypeScript 类型进阶指南
javascript·typescript·泛型·t·infer
小白学大数据2 小时前
JavaScript重定向对网络爬虫的影响及处理
开发语言·javascript·数据库·爬虫
qq_390161772 小时前
防抖函数--应用场景及示例
前端·javascript
石牌桥网管3 小时前
OpenSSL 生成根证书、中间证书和网站证书
网络协议·https·openssl
334554323 小时前
element动态表头合并表格
开发语言·javascript·ecmascript
John.liu_Test3 小时前
js下载excel示例demo
前端·javascript·excel
PleaSure乐事3 小时前
【React.js】AntDesignPro左侧菜单栏栏目名称不显示的解决方案
前端·javascript·react.js·前端框架·webstorm·antdesignpro