Node.js- 2.请求响应原理及HTTP协议

最新推荐文章于 2023-11-17 23:08:08 发布
最新推荐文章于 2023-11-17 23:08:08 发布
阅读量353 收藏 3
点赞数 2
分类专栏： 笔记 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46204464/article/details/109328348
版权

文章目录

服务器概念 简述

网站应用程序主要分为两大部分：客户端和服务器端。

  1. 客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。
  2. 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。

在这里插入图片描述

Node网站服务器

能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，能够对请求做出响应。
在这里插入图片描述

IP地址

互联网中设备的唯一标识。
IP是Internet Protocol Address的简写，代表互联网协议地址.

在这里插入图片描述

域名

由于IP地址难于记忆，所以产生了域名的概念，所谓域名就是平时上网所使用的网址。

http://www.itheima.com  =>  http://124.165.219.100/

虽然在地址栏中输入的是网址, 但是最终还是会将域名转换为ip才能访问到指定的网站服务器。

端口

端口是计算机与外界通讯交流的出口，用来区分服务器电脑中提供的不同的服务。
在这里插入图片描述

URL

统一资源定位符，又叫URL（Uniform Resource Locator），是专为标识Internet网上资源位置而设的一种编址方式，我们平时所说的网页地址指的即是URL。

URL的组成

传输协议://服务器IP或域名:端口/资源所在位置标识
http://www.itcast.cn/news/20181018/09152238514.html

http：超文本传输协议，提供了一种发布和接收HTML页面的方法。

开发过程中客户端和服务器端说明

在这里插入图片描述

创建web服务器

  // 引用系统模块
 const http = require('http');
  // 创建web服务器　http.createServer()　创建服务器对象
 const app = http.createServer();
  // 当客户端发送请求的时候
  //服务器对象.on =('事件名称',(事件处理函数)=>{})
 app.on('request', (req, res) => {
 		//req请求 res 响应
        //  响应
       res.end('<h1>hi, user</h1>');
 });
  // 监听3000端口
 app.listen(3000);
 console.log('服务器已启动，监听3000端口，请访问 localhost:3000')

然后使用nodemon 文件名.js 执行这个文件
打开浏览器 在地址栏输入 localhost：3000 就可以了

HTTP协议

概念

超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）规定了如何从网站服务器传输超文本到本地浏览器，它基于客户端服务器架构工作，是客户端（用户）和服务器端（网站）请求和应答的标准。
在这里插入图片描述

报文

在HTTP请求和响应的过程中传递的数据块就叫报文，包括要传送的数据和一些附加信息，并且要遵守规定好的格式。

在这里插入图片描述

请求报文

  1. 请求方式（Request Method）
  • GET 请求数据
  • POST 发送数据
  1. 请求地址（Request URL）
 app.on('request', (req, res) => {
     req.headers  // 获取请求报文
     req.url      // 获取请求地址
     req.method   // 获取请求方法
 });


// 用于创建网站服务器的模块
const http = require('http');
// 用于处理url地址
const url = require('url');
// app对象就是网站服务器对象
const app = http.createServer();
// 当客户端有请求来的时候
app.on('request', (req, res) => {
	// 获取请求方式
	// req.method
	// console.log(req.method);
	
	// 获取请求地址
	// req.url
	// console.log(req.url);
	
	// 获取请求报文信息
	// req.headers
	// console.log(req.headers['accept']);
	
	res.writeHead(200, {
		'content-type': 'text/html;charset=utf8'
	});

	console.log(req.url);
	// 1) 要解析的url地址
	// 2) 将查询参数解析成对象形式
	let { query, pathname } = url.parse(req.url, true);
	console.log(query.name)
	console.log(query.age)

	if (pathname == '/index' || pathname == '/') {
		res.end('<h2>欢迎来到首页</h2>');
	}else if (pathname == '/list') {
		res.end('welcome to listpage');
	}else {
		res.end('not found');
	}
	
	if (req.method == 'POST') {
		res.end('post')
	} else if (req.method == 'GET') {
		res.end('get')
	}

	// res.end('<h2>hello user</h2>');
});
// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

响应报文

  1. HTTP状态码
  • 200 请求成功
  • 404 请求的资源没有被找到
  • 500 服务器端错误
  • 400 客户端请求有语法错误
  1. 内容类型
  • text/html
  • text/css
  • application/javascript
  • image/jpeg
  • application/json
 app.on('request', (req, res) => {
     // 设置响应报文
     res.writeHead(200, {       
      'Content-Type': 'text/html;charset=utf8‘
     });2
 });

HTTP请求与响应处理

请求参数

客户端向服务器端发送请求时，有时需要携带一些客户信息，客户信息需要通过请求参数的形式传递到服务器端，比如登录操作。
在这里插入图片描述

GET请求参数

  • 参数被放置在浏览器地址栏中，
    例如：http://localhost:3000/?name=zhangsan&age=20
  • 参数获取需要借助系统模块url，url模块用来处理url地址
 const http = require('http');
 // 导入url系统模块 用于处理url地址
 const url = require('url');
 const app = http.createServer();
 app.on('request', (req, res) => {
     // 将url路径的各个部分解析出来并返回对象
         // true 代表将参数解析为对象格式
     let {query} = url.parse(req.url, true);
     console.log(query);

console.log(req.url);



	// 1) 要解析的url地址
	// 2) 将查询参数解析成对象形式
	let { query, pathname } = url.parse(req.url, true);

//query  请求参数里的 参数解析成对象形式
// pathname 不包含请求参数的请求地址
	console.log(query.name)
	console.log(query.age)

	if (pathname == '/index' || pathname == '/') {
		res.end('<h2>欢迎来到首页</h2>');
	}else if (pathname == '/list') {
		res.end('welcome to listpage');
	}else {
		res.end('not found');
	}
	
	if (req.method == 'POST') {
		res.end('post')
	} else if (req.method == 'GET') {
		res.end('get')
	}
 });
 app.listen(3000);

POST 请求参数

  • 参数被放置在请求体中进行传输
  • 获取POST参数需要使用data事件和end事件
  • 使用querystring系统模块将参数转换为对象格式
 // 导入系统模块querystring 用于将HTTP参数转换为对象格式
 const querystring = require('querystring');
 app.on('request', (req, res) => {
     let postData = '';
     // 监听参数传输事件
     req.on('data', (chunk) => postData += chunk;);
     // 监听参数传输完毕事件
     req.on('end', () => { 
         console.log(querystring.parse(postData)); 
     }); 
 });

实际案例

// 用于创建网站服务器的模块
const http = require('http');
// app对象就是网站服务器对象
const app = http.createServer();
// 处理请求参数模块
const querystring = require('querystring');
// 当客户端有请求来的时候
app.on('request', (req, res) => {
	// post参数是通过事件的方式接受的
	// data 当请求参数传递的时候触发data事件
	// end 当参数传递完成的时候触发end事件
	
	let postParams = '';

	req.on('data', params => {
		postParams += params;
	});

	req.on('end', () => {
		console.log(querystring.parse(postParams));
	});

	res.end('ok');

});
// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

路由

http://localhost:3000/index
http://localhost:3000/login

路由是指客户端请求地址与服务器端程序代码的对应关系。简单的说，就是请求什么响应什么。
在这里插入图片描述

 // 当客户端发来请求的时候
 app.on('request', (req, res) => {
     // 获取客户端的请求路径
     let { pathname } = url.parse(req.url);
     if (pathname == '/' || pathname == '/index') {
         res.end('欢迎来到首页');
     } else if (pathname == '/list') {
         res.end('欢迎来到列表页页');
     } else {
        res.end('抱歉, 您访问的页面出游了');
     }
 });


// 1.引入系统模块http
// 2.创建网站服务器
// 3.为网站服务器对象添加请求事件
// 4.实现路由功能
// 	1.获取客户端的请求方式
// 	2.获取客户端的请求地址
const http = require('http');
const url = require('url');

const app = http.createServer();

app.on('request', (req, res) => {
	// 获取请求方式
	const method = req.method.toLowerCase();
	// 获取请求地址
	const pathname = url.parse(req.url).pathname;

	res.writeHead(200, {
		'content-type': 'text/html;charset=utf8'
	});

	if (method == 'get') {

		if (pathname == '/' || pathname == '/index') {
			res.end('欢迎来到首页')
		}else if (pathname == '/list') {
			res.end('欢迎来到列表页')
		}else {
			res.end('您访问的页面不存在')
		}

	}else if (method == 'post') {

	}

});

app.listen(3000);
console.log('服务器启动成功')

静态资源

服务器端不需要处理，可以直接响应给客户端的资源就是静态资源，例如CSS、JavaScript、image文件。

比如下面的图片

//www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png

在这里插入图片描述

const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
const mime = require('mime');

const app = http.createServer();

app.on('request', (req, res) => {
	// 获取用户的请求路径
	let pathname = url.parse(req.url).pathname;

	pathname = pathname == '/' ? '/default.html' : pathname;

	// 将用户的请求路径转换为实际的服务器硬盘路径
	//__dirname 当前模块的目录名。 相当于 __filename 的 path.dirname()。
	let realPath = path.join(__dirname, 'public' + pathname);
	//第三方模块 用于判断 资源类型
	let type = mime.getType(realPath)

	// 读取文件
	fs.readFile(realPath, (error, result) => {
		// 如果文件读取失败
		if (error != null) {
			res.writeHead(404, {
				'content-type': 'text/html;charset=utf8'
			})
			res.end('文件读取失败');
			return;
		}

		res.writeHead(200, {
			'content-type': type
		})

		res.end(result);
	});
});

app.listen(3000);
console.log('服务器启动成功')

动态资源

相同的请求地址不同的响应资源，这种资源就是动态资源。
http://www.itcast.cn/article?id=1
http://www.itcast.cn/article?id=2
在这里插入图片描述

Node.js 异步编程

同步API, 异步API

 // 路径拼接
 const public = path.join(__dirname, 'public');
 // 请求地址解析
 const urlObj = url.parse(req.url);
 // 读取文件
 fs.readFile('./demo.txt', 'utf8', (err, result) => {
     console.log(result);
 });

同步API：只有当前API执行完成后，才能继续执行下一个API

console.log('before'); 
console.log('after');

异步API：当前API的执行不会阻塞后续代码的执行

console.log('before');
setTimeout(
   () => { console.log('last');
}, 2000);
console.log('after');

同步API, 异步API的区别（ 获取返回值 ）

    // 同步
  function sum (n1, n2) { 
      return n1 + n2;
  } 
  const result = sum (10, 20);


    // 异步
  function getMsg () { 
      setTimeout(function () { 
          return { msg: 'Hello Node.js' }
      }, 2000);
  }
  const msg = getMsg (); // undefined

回调函数

自己定义函数让别人去调用。

看看别人写的

异步操作无法直接通过return 获取数据 ，只能通过回调函数

  // getData函数定义
 function getData (callback) {}
  // getData函数调用
 getData (() => {});

使用回调函数获取异步API执行结果

function getMsg (callback) {
	setTimeout(function () {
		callback({
			msg: 'hello node.js'
		})
	}, 2000)
}

getMsg(function (data) {
	console.log(data); // hello node.js
});

同步API, 异步API的区别（代码执行顺序）

同步API从上到下依次执行，前面代码会阻塞后面代码的执行

for (var i = 0; i < 100000; i++) { 
    console.log(i);
}
// 这里要等for循环后才输出  for循环后面的代码
console.log('for循环后面的代码');

异步API不会等待API执行完成后再向下执行代码

console.log('代码开始执行'); 
setTimeout(() => { console.log('2秒后执行的代码')}, 2000);
setTimeout(() => { console.log('"0秒"后执行的代码')}, 0); 
console.log('代码结束执行');
// 输出顺序
//代码开始执行
//代码结束执行
//"0秒"后执行的代码
// 2秒后执行的代码

代码执行顺序分析

在node中 会先执行同步api 再执行 异步api

在这里插入图片描述

Node.js中的异步API - 回调地狱

 fs.readFile('./demo.txt', (err, result) => {});

 var server = http.createServer();
 server.on('request', (req, res) => {});

如果异步API后面代码的执行依赖当前异步API的执行结果，但实际上后续代码在执行的时候异步API还没有返回结果，这个问题要怎么解决呢？

fs.readFile('./demo.txt', (err, result) => {});
console.log('文件读取结果'); //可以写字在fs.readFile 的回调函数里面

但是，如果我们这样的需求：依次读取A文件、B文件、C文件

思路: 在a文件的回调函数写b文件的回调函数，在b文件的回调函数里写c文件的回调函数。那么这个代码是难以维护的

//回调地狱
const fs = require('fs');

fs.readFile('./a.txt', 'utf8', (err, result1) => {
	console.log(result1)
	fs.readFile('./b.txt', 'utf8', (err, result2) => {
		console.log(result2)
		fs.readFile('./c.txt', 'utf8', (err, result3) => {
			console.log(result3)
		})
	})
});

Promise（★★★★）

Promise出现的目的是解决Node.js异步编程中回调地狱的问题。

let promise = new Promise((resolve, reject) => {
    setTimeout(() => {
        if (true) {
            resolve({name: '张三'})
        }else {
            reject('失败了') 
        } 
    }, 2000);
});
promise.then(result => console.log(result); // {name: '张三'})
       .catch(error => console.log(error); // 失败了)

继续上面的案例

const fs = require('fs');

// fs.readFile('./1.txt', 'utf8', (err, result1) => {
// 	console.log(result1)
// 	fs.readFile('./2.txt', 'utf8', (err, result2) => {
// 		console.log(result2)
// 		fs.readFile('./3.txt', 'utf8', (err, result3) => {
// 			console.log(result3)
// 		})
// 	})
// });

function p1 () {
	return new Promise ((resolve, reject) => {
		fs.readFile('./a.txt', 'utf8', (err, result) => {
			resolve(result)
		})
	});
}

function p2 () {
	return new Promise ((resolve, reject) => {
		fs.readFile('./b.txt', 'utf8', (err, result) => {
			resolve(result)
		})
	});
}

function p3 () {
	return new Promise ((resolve, reject) => {
		fs.readFile('./c.txt', 'utf8', (err, result) => {
			resolve(result)
		})
	});
}

p1().then((r1)=> {
	console.log(r1);
	return p2();
})
.then((r2)=> {
	console.log(r2);
	return p3();
})
.then((r3) => {
	console.log(r3)
})

异步函数 - es7

异步函数是异步编程语法的终极解决方案，它可以让我们将异步代码写成同步的形式，让代码不再有回调函数嵌套，使代码变得清晰明了。

const fn = async () => {};

async function fn () {}

async关键字

  1. 普通函数定义前加async关键字 普通函数变成异步函数
  2. 异步函数默认返回promise对象
  3. 在异步函数内部使用return关键字进行结果返回 结果会被包裹的promise对象中 return关键字代替了resolve方法
  4. 在异步函数内部使用throw关键字抛出程序异常
  5. 调用异步函数再链式调用then方法获取异步函数执行结果
  6. 调用异步函数再链式调用catch方法获取异步函数执行的错误信息
// 1.在普通函数定义的前面加上async关键字 普通函数就变成了异步函数
// 2.异步函数默认的返回值是promise对象
// 3.在异步函数内部使用throw关键字进行错误的抛出
// 
// await关键字
// 1.它只能出现在异步函数中
// 2.await promise 它可以暂停异步函数的执行 等待promise对象返回结果后再向下执行函数

// async function fn () {
// 	throw '发生了一些错误';
// 	return 123;
// }

// // console.log(fn ())
// fn ().then(function (data) {
// 	console.log(data);
// }).catch(function (err){
// 	console.log(err);
// })

async function p1 () {
	return 'p1';
}

async function p2 () {
	return 'p2';
}

async function p3 () {
	return 'p3';
}

async function run () {
	let r1 = await p1()
	let r2 = await p2()
	let r3 = await p3()
	console.log(r1)
	console.log(r2)
	console.log(r3)
}

run();

继续改造上面读取文件案例

const fs = require('fs');
// 改造现有异步函数api 让其返回promise对象 从而支持异步函数语法
const promisify = require('util').promisify;
// 调用promisify方法改造现有异步API 让其返回promise对象
const readFile = promisify(fs.readFile);

async function run () {
	let r1 = await readFile('./1.txt', 'utf8')
	let r2 = await readFile('./2.txt', 'utf8')
	let r3 = await readFile('./3.txt', 'utf8')
	console.log(r1)
	console.log(r2)
	console.log(r3)
}

run();
眼镜宅@-@
关注
专栏目录
【nodejs学习笔记】nodejs处理http请求:get和post
种一棵树最好的时间是十年前，其次是现在。
10-25 5088
本文从一个经典的面试题入手，简单介绍下 http 请求。此外，本文主要记录了nodejs 处理 get请求和post请求的基本方式。
Node.js-rjax-基于rxjs的响应式请求库
08-09
**Node.js-rjax-基于rxjs的响应式请求库** 在Node.js开发中，HTTP请求库是必不可少的一部分，用于与远程服务器交互，获取或发送数据。`Node.js-rjax`是一个专为Node.js设计的响应式请求库，它借鉴了Angular框架中的...
NodeJS http请求
weixin_39415598的博客
07-05 3648
本文简介 点赞 + 关注 + 收藏 = 学会了 对于前端来说，网络请求主要就是用 ajax 的方式去处理。所以本文也会站在前端角度简单讲解 Node 中如何使用 http 模块。 前后端对接时，现在常用的请求方法有 GET、POST、PUT、PATCH、DELETE。当然，还有其他方法，但本文主要面向新手，希望能做到快速起步。所以本文只讲 GET 和 POST 这两种最最最常用的方法。 在敲代码前，你首先需要准备一个 编辑器（我用vs code）、浏览器、postman 还有安装好 Node.j
HTTP请求响应协议
辣椒炖排骨
03-28 443
先写一个简单的jsp页面，部署到服务器上。 JSP页面程序主干部分： 用户名： 密码： 浏览器实现效果： 这是最简单的一个提交表单验证的小程序。下面我用fiddler抓包，在客户端与服务器端之间拦截信息，它一个http协议调试代理工具，能够记录并检查所有你的电脑和互联网之间的http通讯。 当我打开上面页面的时候，
HTTP请求与响应协议
weixin_30814329的博客
07-10 96
HTTP（hypertext transport protocol），即超文本传输协议。这个协议详细规定了浏览器和万维网服务器之间互相通信的规则 HTTP就是一个通信规则，通信规则规定了客户端发送给服务器的内容格式，也规定了服务器发送给客户端的内容格式。客户端发送给服务器的格式叫“请求协议”；服务器发送给客户端的格式叫“响应协议” HTTP请求协议 请求协议的格式如下： 请求首行（方法...
nodejs使用request发送http请求
热门推荐
dreamer2020的专栏
07-31 12万+
在nodejs的开发中，有时需要后台去调用其他服务器的接口，这个时候，就需要发送HTTP请求了。有一个简单的工具可以用，Simplified HTTP request client，可以比较方便的模拟请求。安装npm install --save request使用最简单的GET请求，用法如下：var request = require('request'); request('http://www
Node.js-proxy基于electron开发的内网穿透工具
08-10
Node.js-proxy作为一个HTTP工具，意味着它主要处理HTTP/HTTPS协议的网络请求。通过创建一个代理服务器，它可以转发公网上的请求到内网中的特定端口，同时将内网服务的响应转发回公网。这使得无论用户身在何处，只要...
浅谈Node.js CVE-2017-14849 漏洞分析（详细步骤）
10-19
具体受影响的组合为：Node.js 8.5.0 加上 Express 3.19.0 至 3.21.2，以及 Node.js 8.5.0 加上 Express 4.11.0 至 4.15.5。 复现这个漏洞的过程如下： 1. 首先，需要在环境中安装 Node.js 8.5.0。可以从官方发布的...
Node.js-http-timer对HTTP请求进行计时
08-10
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它让开发者能够在服务器端使用 JavaScript 进行编程。在开发 web 应用时，我们常常需要处理 HTTP 请求，而 `http-timer` 模块就是为了解决 Node.js 中对 ...
Node.js-Kefir.js-JavaScript的响应式编程库专注于高性能和低内存使用
08-10
Node.js是基于Chrome V8引擎的JavaScript运行环境，它允许开发者在服务器端使用JavaScript进行编程，极大地拓宽了JavaScript的应用领域。而Kefir.js则是在这个环境中诞生的一个响应式编程库，尤其注重性能优化和内存...
nodejs的http请求html/css/js
07-04
nodejs系列学习：http请求html/css/js-----（二）
nodejs 使用http进行post或get请求的实例(携带cookie)
10-17
今天小编就为大家分享一篇nodejs 使用http进行post或get请求的实例(携带cookie)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
URL、请求协议、响应协议
m0_49140804的博客
01-12 825
URL HTTP(超文本传输协议）是一个基于请求与响应模式的、应用层的协议，常基于TCP的连接方式，绝大多数的Web开发，都是构建在HTTP协议之上的 Web应用。 HTTP URL(URL是一种特殊类型的URI，包含了用于查找某个资源的足够的信息)的格式如下: http: / /host[ :port]/[abc_path] 即 http: //IP(主机名/域名):端口/访问的资源路径 http表示要通过HTTP协议来定位网络资源; host表示合法的Internet主机域名或者IP地址
Node.js之http请求模块
weixin_48846123的博客
06-06 231
我们先通过一个案例来感受一下
web-http协议-请求协议-响应协议
pyhui的技术博客
07-20 586
》http概述 、
HTTP -- 请求协议以及响应协议（基础）
weixin_44252918的博客
07-27 125
* 概念：Hyper Text transfer Protocol 超文本传输协议 * 传输协议：定义了，客户端和服务器端通信时，发送数据的格式 * 特点： 1. 基于TCP/IP的高级协议 2. 默认端口号：80 3. 基于请求/相应模型的：一次请求对应一次响应 4. 无状态的：每次请求之间相互独立，不能交互数据 * 历史版本： * 1.0：每一次请求响应都会建立新的连接 * 1.1：复用连接 * 请求数据格式 1. 请求行 请求方式 请求url 请求协议/版本 G
在 Node.js 中发出 HTTP 请求的 5 种方法
最新发布
qq_42880714的博客
11-17 3833
在 Node.js 中发出 HTTP 请求的 5 种方法
nodejs实现简单的http请求
放手
10-10 2759
// 1、引入模块 var http = require('http'); var fs = require('fs'); // 2、搭建服务器 var server = http.createServer(function(request, response) { console.log(request.url) response.writeHead(200, { ...
http协议的请求与响应
xiaoritai7803的博客
03-10 406
服务器与浏览器的交互 浏览器负责发起请求 服务器在 80 端口接收请求 服务器负责返回内容（响应） HTTP 的作用就是指导浏览器和服务器如何进行沟通。 我们每刷新一个页面，或者重新打开一个页面。我们在浏览器的调试工具network中，都会看到浏览器会发出很多请求。我们选中一个资源，点开，我们就可以看到请求头和响应头了。 记得点击请求头或者响应头右边的view source才可以看到这个界
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值