请求响应原理及Http协议 学习 (1)

最新推荐文章于 2023-09-20 11:21:26 发布
最新推荐文章于 2023-09-20 11:21:26 发布
阅读量200 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43003949/article/details/106238340
版权

URL的概念

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

URL的组成

传输协议://服务器IP或域名:端口/资源所在位置标识
例如：http://www.itcast.cn/news/20181018/09152238514.html
没写端口的时候默认为80端口
http：超文本传输协议，提供了一种发布和接收HTML页面的方法。

本机域名与本地Ip

本机域名：localhost
本地IP ：127.0.0.1

创建web服务器

//创建网站服务器
//需要依赖http模块
const http = require('http');
//进行服务器创建  返回值是网站服务器对象
const app = http.createServer();
//为网站服务器添加请求事件
//当客户端有请求来的时候
app.on('request', (req, res) => {
    //req请求对象  res响应对象
    res.end('<h2>hello user</h2>');
});
//服务器创建好之后 要监听端口
app.listen(3000);
console.log('网站服务器启动成功');
//要先用Node命令执行这个文件
//浏览器输入localhost:3000
//目前这个地步输出的是 <h2>hello user</h2>

HTTP协议

HTTP协议的概念

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

报文的概念

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

请求报文

请求方式分为两种：
GET 请求数据
POST 发送数据
获取请求报文信息的方式： req.headers

//创建网站服务器
//需要依赖http模块
const http = require('http');
//进行服务器创建  返回值是网站服务器对象
const app = http.createServer();
//为网站服务器添加请求事件
//当客户端有请求来的时候
app.on('request', (req, res) => {
    //获取请求报文信息 req.headers
    console.log(req.headers);
    console.log(req.headers['accept']);
});
//服务器创建好之后 要监听端口
app.listen(3000);
console.log('网站服务器启动成功');
//要先用Node命令执行这个文件
//目前这个地步输出的是 <h2>hello user</h2>

获取请求地址的方式req.url:(这个会包含？后的部分)

//创建网站服务器
//需要依赖http模块
const http = require('http');
//进行服务器创建  返回值是网站服务器对象
const app = http.createServer();
//为网站服务器添加请求事件
//当客户端有请求来的时候
app.on('request', (req, res) => {
    //获取请求地址  req.url
    if (req.url == '/index' || req.url == '/') {
        res.end('shouye');
    } else {
        res.end('404 Not');
    }
    //res.end('<h2>hello user</h2>');
});
//服务器创建好之后 要监听端口
app.listen(3000);
console.log('网站服务器启动成功');
//要先用Node命令执行这个文件
//目前这个地步输出的是 <h2>hello user</h2>

获取请求的方式 req,method: 得到的是大写的GET POST

//创建网站服务器
//需要依赖http模块
const http = require('http');
//进行服务器创建  返回值是网站服务器对象
const app = http.createServer();
//为网站服务器添加请求事件
//当客户端有请求来的时候
app.on('request', (req, res) => {
    //req请求对象  res响应对象
    //获取请求方式req.method  get与post  例如可以通过提交表单发表post请求
    //console.log(req.method);
    //根据不同的请求方式返回不同的内容
    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('网站服务器启动成功');
//要先用Node命令执行这个文件
//目前这个地步输出的是 <h2>hello user</h2>

响应报文

设置响应报文的代码：

//创建网站服务器
//需要依赖http模块
const http = require('http');
//进行服务器创建  返回值是网站服务器对象
const app = http.createServer();
//为网站服务器添加请求事件
//当客户端有请求来的时候
app.on('request', (req, res) => {
    //书写响应报文  书写 http状态码  响应报文信息
    res.writeHead(200, {
        'content-type': 'text/html;charset=utf8'
    })
});
//服务器创建好之后 要监听端口
app.listen(3000);
console.log('网站服务器启动成功');
//要先用Node命令执行这个文件
//目前这个地步输出的是 <h2>hello user</h2>

上文中writeHead包含两个部分 分别是HTTP状态码和内容类型
在这里插入图片描述

HTTP请求与响应处理

请求参数

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

GET请求参数

参数被放置在浏览器地址栏中，例如：http://localhost:3000/?name=zhangsan&age=20
参数获取需要借助系统模块url，url模块用来处理url地址
前文说的req.url会把请求参数与请求地址一起输出 不方便分别解析
所以引入url系统模块 用于处理url地址 urll.pase可以把每部分分别解析并返回对象

//创建网站服务器
//需要依赖http模块
const http = require('http');
// 用于处理url地址
const url = require('url');
//进行服务器创建  返回值是网站服务器对象
const app = http.createServer();
//为网站服务器添加请求事件
//当客户端有请求来的时候
app.on('request', (req, res) => {
    //书写响应报文  书写 http状态码  响应报文信息
    res.writeHead(200, {
        'content-type': 'text/html;charset=utf8'
    });
    console.log(url.parse(req.url, true));
    //第一个参数要解析的url地址  第二个参数将查询参数转化为对象形式
    let { query, pathname } = url.parse(req.url, true);
    //pathname是不包含请求参数的请求地址
    //获取请求地址  req.url
    if (pathname == '/index' || pathname == '/') {
        res.end('<h2>欢迎来到首页</h2>');
    } else {
        res.end('404 Not');
    }
});
//服务器创建好之后 要监听端口
app.listen(3000);
console.log('网站服务器启动成功');
//要先用Node命令执行这个文件
//目前这个地步输出的是 <h2>hello user</h2>

POST请求参数

参数被放置在请求体中进行传输 请求报文中
获取POST参数需要使用data事件和end事件
使用querystring系统模块将参数转换为对象格式

// 用于创建网站服务器的模块
const http = require('http');
// app对象就是网站服务器对象
const app = http.createServer();
// 处理请求参数模块  将HTTP参数转换为对象格式
const querystring = require('querystring');
// 当客户端有请求来的时候
app.on('request', (req, res) => {
    // post参数是通过事件的方式接受的
    // data 当请求参数传递的时候触发data事件
    // end 当参数传递完成的时候触发end事件
    //为了减少压力 post请求参数可能不是以此传输完成的
    let postParams = '';
    req.on('data', params => {
        postParams += params;
    });
    req.on('end', () => {      console.log(querystring.parse(postParams));
    });
    res.end('ok');
});
// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

路由

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

// 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文件。
要使用路径拼接 将得到的请求地址最终转换为在硬盘中的地址

const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
//mime模块可以得到返回的类型
const mime = require('mime');
const app = http.createServer();
app.on('request', (req, res) => {
    // 获取用户的请求路径
    let pathname = url.parse(req.url).pathname;
    //默认输出的也是default.html
    pathname = pathname == '/' ? '/default.html' : pathname;
    // 将用户的请求路径转换为实际的服务器硬盘路径
    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('服务器启动成功')

动态参数

相同的请求地址不同的响应资源，这种资源就是动态资源

客户端请求途径

  1. GET方式
    浏览器地址栏
    link标签的href属性
    script标签的src属性
    img标签的src属性
    Form表单提交
    2.POST方式
    Form表单提交
一个叫kevin的死肥宅
关注
http协议&如何获取请求参数
码化疼
09-14 2067
目标 能够搭建Web服务器 能够使用获取GET、POST参数的方式获取参数 能够掌握如何制作路由 能够知道同步异步的概念 能够知道回调函数的概念 服务器端基础概念 网站的组成 网站应用程序主要分为两大部分：客户端和服务器端。 **客户端：**在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。 **服务器端：**在服务器中运行的部分，负责存储...
前端学习（二十六）请求响应原理及HTTP协议
whitefish520的博客
09-06 8227
服务器端基本概念 网站的组成 客户端与服务器 客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序，使用HTML/CSS/JavaScript构建 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑 客户端负责发起访问请求，服务器则要相应客户端的请求 Node网站服务器 能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，并对请求做出响应 IP地址 IP地址是互联网中设备的唯一标识 IP是Internet Protocol Address的简写，代表互联网协议地址 域
HTTP深入浅出 http请求
ATCO[这里，只是顺手插曲]
09-04 1027
HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后Web服务器返回响应(
请求响应原理&了解http协议
weixin_44764873的博客
02-25 199
服务器端基础概念 网站的组成   网站应用程序主要分为两大部分：客户端和服务器端。   客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。   服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。 Node网站服务器    能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，能够对请求做出响应。 IP地址   ...
服务端基础：请求响应原理及HTTP协议
illion booked
04-30 409
1. 服务器端基础概念 1.1 网站的组成 网站应用程序主要分为两大部分：客户端和服务器端。 客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。 1.2 Node网站服务器 能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，能够对请求做出响应 1.3 IP...
请求响应原理及HTTP协议
m0_49622667的博客
04-26 122
一、服务器端基础概念 1.1网站的组成 网站应用程序主要分为两大部分：客户端和服务器端。 客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。 1.1IP地址 互联网中设备的唯一标识。 IP是Internet Protocol Address的简写，代表互联网协议地址。 1.2域名 由于IP地址难于记忆，所以产生了域名的概念，所谓域名就是平时上网所使用的的网址。 1.3端口 端口是
ESP8266学习进阶协议类(1)——http请求
01-06
HTTP简介 HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准...Web服务器根据接收到的请求后，向客户端发送响应信息。 HTTP默认端
Http协议内容总结 http协议包含哪些内容 Http协议的请求方法 Http协议实现的原理机制 get与post请求的区别
最新发布
06-29
通过以上分析，我们不仅了解了HTTP协议的基本结构和工作原理，还深入探讨了各种请求方法的特点及适用场景，以及GET与POST请求的关键差异。此外，还介绍了常见的HTTP状态码，这对于理解服务器与客户端之间的交互至关...
15-HTTP协议之请求和Request原理.pdf
10-28
HTTP协议之请求和Request原理 浏览器请求数据全过程 1. 按下回车时浏览器根据输入的URL地址发送请求报文 2. 服务器接收到请求报文，会对请求报文进行处理 3. 服务器将处理完的结果通过响应报文返回给浏览器 4. ...
HTTP各状态码生成原理，请求头、响应头各字段含义（爬虫深入必备知识）.docx
11-23
本文将深入解析HTTP状态码的生成原理，以及请求头和响应头中的常见字段。 首先，HTTP状态码是服务器对客户端请求的反馈，分为五类：1xx（信息性状态码）、2xx（成功状态码）、3xx（重定向状态码）、4xx（客户端错误...
深入浅出 http请求
weixin_34365635的博客
04-21 156
HTTP深入浅出 http请求HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个...
请求相应原理和http协议
weixin_46051426的博客
02-26 164
URL 统一资源定位符，是专为标识Internet网上资源位置而设的一种编址方式 URL组成 传输协议://服务器IP或域名:端口/资源所在位置标识 创建web服务器 // 引用系统模块 const http = require(‘http’); // 创建web服务器 const app = http.createServer(); // 当客户端发送请求的时候 app.on(‘request’, (req, res) => { // 响应 res.end(’< h1> hi, use
HTTP请求响应机制
罗不丢的博客
09-20 902
HTTP（HyperText Transfer Protocol,超文本传输协议），它是一种用于从网络服务器传输超文本到本地客户端（浏览器）的传输协议。例子参考书籍：《Java Web从入门到项目实践（超值版）》简单来说，HTTP请求响应机制就是一种请求消息和响应信息的一来一回，通过这种机制，客户端和服务器能够相互通信，并能够传递数据和其他信息。勘误：在之前我将客户端和浏览器搞混了，因为web应用程序是有C/S机构和B/S结构的，我是直接把客户端当成客户使用的电脑端了。
HTTP请求原理
u013770512的专栏
04-16 629
HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后Web服务器返回响应(
http请求原理
weixin_30319097的博客
09-06 274
客户端发送一个HTTP请求到服务器的请求消息包括以下格式：请求行（request line）、请求头部（header）、空行和请求数据四个部分组成，下图给出了请求报文的一般格式。 请求行 HTTP响应也由四个部分组成，分别是：状态行、消息报头、空行和响应正文。 下面是一些最常见的请求头： Accept：浏览器可接受的MIME类型。 Accept - Char...
HTTP请求原理介绍
lucky_pen的博客
03-29 328
HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后Web服务器返回响应(
HTTP 网络请求原理
野人的小本本
12-06 628
HTTP 是一种应用层协议，通过 TCP 实现了可靠的数据传输，能够保证数据的完整性、正确性。TCP 对于数据传输控制的有点也能够提现在 HTTP 上，使得HTTP的数据传输吞吐量、效率得到保证。
HTTP 协议 Response 响应
ONESTARの博客
08-31 1952
目录 一、设置响应消息 1、设置响应行 2、设置响应头 3、设置响应体 二、Response 响应机制 1、重定向和转发的区别 2、服务器输出字符数据到浏览器 3、服务器输出字节数据到浏览器 一、设置响应消息 1、设置响应行 格式：HTTP/1.1 200 ok 设置状态码：setStatus(int sc) 2、设置响应头 setHeader(String name,S...
HTTP基本原理：响应
m0_43404934的博客
01-01 1129
响应，由服务器返回给客户端。一个响应可以分为三部分：响应状态码（Response Status Code）、响应头（Response Headers）、响应体（Response Body）。 一、响应状态码 响应状态码表示服务器的响应状态， 如200表示服务器正常响应，404代表客户端请求的页面在服务端不存在、500代表服务器内部发生错误。在爬虫中，我们可以根据响应状态码来判断服务器响应状态，如状态码为200则证明成功返回数据，进行进一步的处理，否则直接忽略。常用的响应状态码如下表所示： 状态码 说
HTTP协议工作原理与请求响应机制
HTTP协议采用的是请求/响应的工作模式，即客户端（客户机）与服务器之间通过TCP/IP连接建立联系，然后客户端发送请求给服务器，服务器接收到请求后返回相应的响应信息。 在HTTP协议中，有以下几个关键概念： 1. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值