【网络】应用层——HTTP协议

news/2024/5/21 8:11:57

🐱作者:一只大喵咪1201
🐱专栏:《网络》
🔥格言:你只管努力,剩下的交给时间!
图

🏀认识HTTP协议

上篇文章中,本喵带着大家对HTTP有了一个初步的认识,今天就来详细讲解一下这个应用层协议。

HTTP协议

  • 🏀认识HTTP协议
    • ⚽urlencode和urldecode
    • ⚽HTTP协议宏观格式
  • 🏀验证HTTP协议格式
    • ⚽请求的格式
    • ⚽响应的格式
  • 🏀理解HTTP协议
    • ⚽服务器和网页分离
    • ⚽请求方法
    • ⚽常见报头属性
    • ⚽Connection: keep-alive
    • ⚽会话保持(Cookie和Session)
    • ⚽HTTP状态码
  • 🏀总结

⚽urlencode和urldecode

图
如上图所示的url(网址),里面包含有/以及?等字符。

  • 像这样的字符,已经被url当做特殊意义理解了,因此这些字符不能随意出现。

如果url中要包含这些特殊意义的字符,就需要对其做转义处理,就类似C语言中的转义字符一样。但是这里是网络,转义的规则不和C语言一样,它有自己的规则:取出字符的ASCII码:

  • 转成16进制,然后前面加上百分号即可。

比如,+号被转义后成为%2B,这个过程就叫做encode,而将%2B转回到+号就叫做decode

这个过程并不需要我们自己去做,有需要进行编码和解码的需求在网上直接查就可以,URL编码/解码。

tu
如上图,将字符C++进行urlencode后的结果是C%2B%2B,同样也可以进行urldecode进行解码。

图
上图是本喵在百度上搜索C++后跳转到的网页的URL(网址),可以看到红色框中的wd=C%2B%2B,其中wd表示关键字,=号后面的内容就是encode后的结果。

当服务器收到url请求后,会自行对特殊字符%xx进行decode。包括汉字也需要进行encode和decode。

⚽HTTP协议宏观格式

  • HTTP是基于请求和响应的应用层协议,使用的是TCP套接字,客户端向服务端发送request请求,服务端收到请求后会作response响应返回给客户端。

图

如上图所示,是HTTP协议的宏观格式,包括客户端的request和服务端的response

  • 客户端:

请求行: 如上图红色框中所示,包含GET方法,url,还有http协议的版本,如http/1.0或者http/1. 1,这三部分构成请求行,必须使用\r\n来结束这一行。

请求报头: 如上图绿色框中所示,包含的都是请求属性,采用的是键值对的形式,name表示属性的名称,如HOST等,value是属性的内容,如具体的一个网址。每一个属性必须以\r\n来结束。

空行: 如上图紫色框中所示,这一行什么内容都没有,只有\r\n用来表示空行。

请求正文: 如上图最下面的黑色框中所示,包含请求的正文,如username用户名,passwd密码等,同样每个正文后面必须以\r\n来结束。

  • 正文可以省略不写,但是其他三部分必须有,以空行为界,空行后面的是请求正文,空行前面的是请求行和请求报头。
  • 每一部分都是以字符串形式放在报文中,如GET url http/1.0\r\nname: value\r\n\r\n,这一个报文中,包含请求行,一行属性以及空行。

请求行和请求报头两部分可以看成我们自定义协议中的报头,请求正文是有效载荷。

  • 服务端:

状态行: 如上图红色框中所示,包含http/1.1HTTP协议版本,状态码以及状态码描述,最后是\r\n

响应报头: 如上图绿色框中所示,包含响应属性,和request的请求报头类似。

空行: 如上图紫色框中所示,也是只有一个\r\n

响应正文: 如上图黑色框中所示,包含服务器要给客户端返回的数据内容,如html/css/js以及图片,视频,音频等网络资源。

  • 状态行和响应报头同样类似我们自定义协议中的报头,响应正文是有效载荷。
  • 服务端的response和客户端的request格式相同,只是每一块的内容有所差异。
  • 每一部分中具体名词的含义后面本喵会讲解。

按照上面HTTP协议的宏观格式,存在几个细节问题:

  1. 应用层怎么保证完整的读取了一个请求或者响应?

首先肯定可以完整的读完一行,因为每一行都是以\r\n结尾的,所以使用while(完整读取一行)的循环可以读完请求行+请求报头,直到空行再停止。

按照我们自定义协议中的逻辑,此时报头(请求行+请求报头)完全读完了,还剩下有效载荷(请求正文)。同样地,在请求报头中有一个属性`Content-Length:XXX正文长度``,根据这个正文长度就可以将所有的请求正文读取完毕。

此时一个完整的请求request就读取到了,同样的方式也可以读取到一个完整的响应response

  1. 请求和响应是怎么做到序列化和反序列化的?

序列化和反序列化是由HTTP自己实现的,因为协议中的内容都是字符串,第一行(请求行/状态行) + 请求/响应报头,只要按照\r\n为判断条件,一直循环下去,就可以拼接(序列化)或者拆分(反序列化)。

正文不用进行序列化和反序列化,因为它本身就是字符串,根据Content-Length:XXX正文长度读取相应字节数就可以。

🏀验证HTTP协议格式

上面都是本喵在说HTTP是这样的格式,那么到底是不是呢?下面写代码来看一下。

服务器底层连接代码仍然用之前TCP套接字写好的:

图
其他代码本喵就不截图了,在本喵文章TCP网络通信有详细讲解,这里就直接拿来用了,如上图所示,handlerEnter是服务器处理任务的入口。

图

如上图所示,不一样的地方还有在增加了一个回调函数,包装器类型:using func_t= function<bool(const request& req, response& resp)>。除此之外,类名也变成了httpServe

重点在于下面的代码,服务器是处理任务的:

图
先在protocol.hpp中定义请求request和响应response,如上图所示,此时请求和响应中只有一个string类型的成员变量。

图
当服务器在执行handlerEnter的时候,首先从网络中读取数据,这里假设recv一次就能完整读取一个请求(后面再进行优化),然后将读取到的报文完整赋值到请求req的字符串inbuffer中,再通过_func回调函数根据请求req构建响应resp,再将响应发送到网络中。

体
如上图所示的DealReq就是服务器调用的回调函数,用来处理请求并构建响应的,这里本喵暂时仅打印请求reqinbuffer中的内容。

  • 该函数在构造服务器httpServe对象的时候就被作为参数传给了构造函数,服务器中的回调函数掉的就是该函数。

由于从网络中读取到的数据,也就是客户端的请求request并没有经过反序列化,也没有去除过报头,所以此时reqinbuffer中的内容就是一个完整的报文(字符串),包括报头和有效载荷。

图

先将我们的服务端程序运行起来,如上图序号1所示,然后在windows端打开浏览器,在输入网址的地方输入http://服务端公网IP+端口号,如上图序号2所示,然后访问这个url

图
此时windows的浏览器就是客户端,当访问这个url的时候,客户端就向服务端发起了请求,使用的协议是http协议。在服务端将收到的请求完整打印出来,结果如上图所示。

  • 打印出来的http请求的格式符合本喵前面介绍的宏观格式,并且将每一块中的具体信息都打印了出来。

下面本喵就来介绍一下,http请求中每一行的具体内容是什么。

⚽请求的格式

请求行:

请求行中的内容是GET / HTTP/1.1

  • GET:表示请求方法,后面详细讲解。
  • / :表示url,也就是要访问服务器上文件所在的具体路径。

这里本喵在windows端输入网址的时候,并没有指定路径,所以在客户端(浏览器)的http协议会将请求路径默认构建成\表示根目录。

tu
windows浏览器中输入网址的时候,加上请求地址/a/b/c,如上图红色框中所示,在客户端发起请求时,服务端收到的http请求的请求行中也会有相应的请求地址。

请求地址中的第一个/就表示根目录,和默认请求路径中的根目录是一个路径,但是这个根目录并不是Linux服务器上的根目录,而是web根目录。

图
如上图红色框所示,存在一个目录wwwroot,这个目录就是web根目录,它位于当前服务端进程所在的当前目录,所以说,/根目录可以是任何一个目录,因为wwwroot可以创建在任何地方。

图
windows客户端发起请求的时候,输入网址中的路径/a/b/c访问的就是上图红色框中所示的c.html文件。

  • HTTP/1.1表示http协议的版本号是1.1,常用的版本号还有1.0

之所以在请求行中要包含http协议的版本号,是为了服务器能够合理的给客户端提供对应的服务。由于客户端的更新情况不一致,有的是1.0版本的,有的是1.1版本的,此时服务端根据请求行中的版本号就能够给不同版本的客户端提供不同的服务。


请求报头:

请求报头中包含许多请求属性,每一条属性为一行,使用\r\n结尾。

  • Host:43.143.106.44:8080,表示客户端所请求服务端是套接字(IP地址 + 端口号)。
  • Connection: keep-alive,表示长连接,后面详细讲解。
  • Upgrade-Insecure-Requests: 1,表示浏览器(客户端)支持自动将HTTP请求升级到HTTPS请求。在学习了https协议后才能感受到这一属性的作用。
  • User-Agent: 相关信息: 用于表示客户端的相关信息。

图
如上图所示,User-Agent后面的内容包括客户端的操作系统和使用的浏览器等信息。

  • Accept: 相关信息:表示该请求要请求的资源类型。

图
由于本喵使用的是windows端的浏览器向服务端发起的请求,并且没有设置Accept属性,也就是没有指定要请求的资源类型,所以浏览器默认将http能请求的所有资源类型都加在了Accept属性中。

  • Accept-Encoding: gzip, deflate:表示客户端支持两种encode格式。

服务器可以根据客户端的支持情况采用不同的压缩算法进行内容压缩。常见的压缩算法有gzip和deflate。

  • Accept-Language: zh-CN,zh;q=0.9:表示客户端支持的语言格式。

请求报头中的所有属性都是采用name: val的键值对形式,并且是一个字符串。


之后就是一个空行,只有一个\r\n

⚽响应的格式

图
在处理请求构建响应的函数DealReq中,先打印出请求的内容,和之前一样。之后开始构建响应,按照HTTP的宏观格式构建响应:

  • 构建状态行,包括HTTP版本,状态码,状态码描述,最后以\r\n结束。
  • 构建响应报头,也就是响应属性,这里本喵暂时只写一个属性Content-Type: text/html\r\n,暂时不用管它是什么意思。
  • 构建空行,只有\r\n但是这个空行必须有。
  • 构建响应正文:本喵暂时不写任何响应正文。

构建好了响应response之后就是将其序列化,也就是将这些不同类型的字符串拼接在一起,如上图绿色框中所示,最后由服务器发送到网络中。

如何看到服务器构建的响应呢?使用一个telnet工具,如果你的Linux服务器上没有的话,使用yum下载一个即可。

图

  • 使用telnet工具,通过本地环回的IP地址和端口号向服务器发起请求。
  • 键盘上按ctrl + 回车,出现telnet>,再按一下回车跳到下一行。
  • 输入GET / HTTP/1.1,手动输入请求行,然后按回车。

此时就向服务端发起了请求,会收到服务端的响应,如上图绿色框中所示,这部分内容就是我们上面代码中构建的响应内容,可以看到有状态行,响应报头,还有空行。

此时我们已经验证了http的请求和响应和本喵前面介绍的宏观合适是相一致的。

🏀理解HTTP协议

上面本喵已经通过代码让大家看到了HTTP的请求和响应,从而也验证了HTTP宏观格式,接下来就对HTTP协议做一个更深入的理解。

图
在请求中增加几个成员变量,包括请求访问method,请求的url,请求的http版本httpversion,以及一个请求路径。

再通过成员函数parse对请求进行反序列化,首先使用getOneLine读取请求中的请求行,然后将请求行中的三个字段分离出来。

图
创建一个工具类Util,将一些公用的工具类函数放在里面,如上图所示,获取请求一行内容的函数getOneLine就放在里面。

图
再在服务器的处理入口handlerEnter中调用请求的成员函数parse进行反序列化。

图
在处理请求,构建响应的函数DealReq中,将请求行中的三个字段打印出来,由于通过parse已经反序列化了,所以直接打印req中的字段成员变量即可。

在构建响应正文的时候,添加一段html的代码,如上图所示,并且将代码以字符串的形式拼接到响应上。

图
使用telnet工具向服务端发起请求,此时就会得到服务端的响应,如上图所示,包括响应正文(html的代码)。

图
在服务端就可以看到telnet在发送请求是输入的请求行中的三个字段,如上图红色框中所示。

  • telnet发起请求后,得到的响应正文中的html代码到底是什么意思呢?

图

windows上的浏览器来访问服务器,可以得到如上图所示的一个网页,网页中有一个字符串Hello HTTP,而这个字符串在响应正文的html代码中也出现过。

  • 响应正文中的html代码就是一个网页,是服务端响应给客户端的一个网页。
  • Linux中使用telnet得到响应正文并没有被解释,所以是完整的html代码,使用Windows的浏览器得到响应正文会被浏览器做解释,解释后得到的就是一个网页。

关于html的知识,用到的去查一下即可,本喵这里就直接用了。

⚽服务器和网页分离

上面代码中,服务器构建响应正文时,直接将html代码放在了string resp_body中,这种将前端代码嵌入到后端代码中的方式是不妥的,所以要将前端的html代码和后端分离开来。

图
如上图所示,在wwwroot根目录下创建几个文件,其中404.htmlindex.html直接位于根目录中,a.htmlb.hmtl位于wwwroot/test目录下。

这四个html的文件内容不同,表示的网页也不同,作用也不同。

404.html:

图
如上图代码所示,当客户端发起的请求中url错误或者无效时,会将该文件中的内容作为响应正文返回给客户端,告知客户端访问资源不存在,并且显示404错误。

index.html:

图

如上图代码所示,当客户端发起的请求中url\时,例如http://127.0.0.1:8080/,此时会将该文件中的内容作为响应正文给客户端返回。

因为此时客户端访问的就是web根目录,也就是./wwwroot目录,所以当用户访问根目录的时候,本喵将该目录下的index.html作为响应返回。

a.htmlh和b.html:

图
如上图代码所示,当客户端发起的请求中url/test/a.html/test/b.html的时候,服务器就会将这两个文件的没人作为响应正文返回给客户端,客户端就会得到两个网页。


上面4个文件中的代码都是html代码,如果将文件内容响应给Windows的浏览器,就会以网页的形式展现,这点本喵在前面展示过。

虽然是网页,但是归根到底,仍然是存在于Linux服务器磁盘上的四个文件,只是后缀是.html而已。

所以服务端要想将文件中的内容作为响应正文返回给客户端,就需要将文件中的内容读出来,并且以字符串的形式拼接到响应中。

图
Util.hpp中再增加一个工具函数,如上图所示的readFile,该函数专门用来读取文件中的内容,并且以二进制的方式读取到缓冲区buffer中。

  • 必须以二进制的方式,如果以文本的形式读取图片就会出现bug。

tu

如上图代码所示,在DealReq中构建响应时,使用readFile工具函数读取请求中用户所指定路径中html文件中的内容。

如果读取失败,说明没有用户指定的文件,则读取404.html文件中的内容作为响应正文返回给客户端。

在调用readFile的时候,会传入req.path客户端指定的路径,以及resp_body,还有req.size,那么pathsize是怎么来的呢?

可以看到,这两个参数都是req的成员变量,所以要在httprequest中处理:
图

获取客户端指定路径:

首先将web根目录定义出来,如上图代码所示的default_root就表示web根目录。

parse函数中,先给path赋值为default_rootpath的值为./wwwroot。再拼接请求中的url,例如请求是http://127.0.0.1:8080/test/a.html,将/test/a.html拼接到path中以后就成为./wwwroot/test/a.html

如果请求中没有写url也就是采用默认的/,那么拼接以后path的值就是./wwwroot/表示访问web根目录,此时让其访问home_page首页。

获取html文件大小:

图
Linux中存在一个系统调用stat,就是用来获取文件大小的,如上图所示。

参数:

  • path:目标文件的路径。
  • buf:是一个struct stat类型的自定义变量,它的成员变量就有文件的大小(以字节为单位)。
  • 返回值:调用成功返回0,调用失败返回-1。

图
上图所示就是struct stat的定义,成员包含很多文件的属性,如文件的inode,硬链接数等等,而我们需要的就是st_size文件大小。

所以在httpRequest中通过系统调用stat来获取文件的大小,如上图代码中紫色框所示。

  • 如果文件不存在,就获取404.html文件的大小。

此时我们前端的网页以及后端的服务器都写好了,接下来就可以运行了。

tu
在Windows上的浏览器访问根目录,就会出现上图大喵咪网址首页,而在服务端可以看到这次请求,其中url/,path./wwwroot/index.html

图

用浏览器访问根目录下的test/a.html,如上图所示,会得到网页我是a网页。同样可以在服务端看到url/test/a.html,path是./wwwroot/test/a.html

访问b.html和上面一样,只是最后的文件名不一样而已。

tu
当访问一个不存在的网络资源时,就会得到404错误的网页,表示访问资源不存在。

此时就做到了服务器和网页的分离。

⚽请求方法

请求方法非常多,但是常用的就两种,分别是GETPOST方法。

tu
在Windows上的浏览器,百度的搜索框对应的html代码如上图所示。我们之所以能够搜索东西,是因为这个搜索框本质上是一个form表单,如上图红色框所示。

我们搜索的关键字就填入这个表单中,然后再将表单的内容一起通过HTTP协议发送请求到服务端,服务端再做出相应的响应。

  • 我们进行数据提交的时候,本质是前端要通过form表单提交,浏览器会自动将form表单中的内容转化成为GET/POST方法请求。

GET方法:

tu

index.html中增加form表单,如上图代码所示,其中action是客户端提交信息后要服务端执行的动作,本喵这里是让服务端执行/test/a路径下的python程序。

method是请求方法,这里本喵设置为GET方法。

提交的form表单中,第一行是姓名,第二行是密码,第三行是登录按钮。

tu
在浏览器访问根目录,也就是在访问服务器的index.html文件,如上图所示。此时是客户端第一次发起请求,所以服务端会将index.html的内容返回给客户端,此时返回的网页中包含form表单。

图
如上图所示,服务端收到的第一次请求是请求./wwwroot/index.html路径下的文件。

  • 第一次默认采用GET方法。

图
填好姓名和密码后登陆就会弹出如上图所示的网页,此时是客户端向服务端发送的第二次请求。

  • 提交后的action是让服务器执行/test/a/c.py下的文件,由于不存在,所以返回资源不存在。
  • form表单中的姓名和密码以xname=damiaomi&ypwd=123456的形式拼接在了url中,如上图网址中的绿色框。

图
如上图是服务器在客户端提交form表单后收到的请求,可以看到,表单中的内容被拼接到了url中。

POST方法:

图
如上图代码所示,将index.html中的method改成POST方法,其他内容不变。进行前面那样的操作:

图
第一次发起请求时同样访问服务端的根目录,上图所示的网页是服务端给客户端的第一次响应,也是包含一个form表单。

图
从服务器中看到,此次请求的方法仍然是GET方法,因为这是第一次请求,我们指定的POST方法是在提交表单时使用的,也就是在第二次请求中使用的。

tu
输入姓名密码后点击登录,输入的内容和前面一样,同样会出现资源不存在的网页,原因也是action的文件不存在。

  • 此时form表单中的内容没有拼接到url中,如上图红色框中所示。

图

如上图所示是服务器收到的第二次请求内容,可以看到,此时使用的是POST请求方法,url以及path都是截止到action指定的路径处,如上图红色框中所示。

  • form表单中的内容以请求正文的形式提交给了服务器,如上图橘色框中所示。

通过上面对比我们发现,GET/POST请求方法的区别在于:

  • GET方法通过url提交参数。
  • POST方法通过HTTP请求正文提交参数。

站在客户端的角度,如果使用GET方法,在提交form表单的时候,内容会拼接到url中,在浏览器的网址栏中可以看到,如果是账号密码的话其他人就能够直接看到。

如果使用POST方法,在提交form表单的时候,内容是通过请求正文提交的,在浏览器的网址栏中看不到。

所以,如果提交的数据是比较私密的,如账号密码等,就使用POST方法,如果无所谓的数据就使用POST/GET哪个都行。

  • 本喵并不是说POST方法比GET方法安全,仅仅是POST方法无法直观的看到提交的数据。
  • POST/GET两种方法都是不安全的。

⚽常见报头属性

tu
在使用POST方法发起HTTP请求后,多了几个GET方法中没有的属性,如上图所示。

Content-Type: xxx\r\n

表示连接类型,请求和响应中都有。

上图所示的是请求中的Content-Type,由于会用表单提交数据所以它的值如上图红色框中所示。这是浏览器在告诉服务器,它提交的请求类型是form,服务器需要按照表单的处理方式来处理。

图
上图所示是响应中的Content-Type,本喵在处理请求构建响应时,响应报头中只有一个属性Content-Type: text/html\r\n

由于服务器响应给客户端浏览器的是一个html文件的内容,查阅一下Content-Type对照表:

如
如上图红色框中所示,html对应的Content-Type的值必须是text/html,这是在告诉浏览器,服务器给它的响应是html类型的数据,浏览器需要按照html的处理方式来解释。

Content-Length: XXX\r\n

使用POST方法发起请求时,服务器收到的请求中就有Content-Length这一属性,用来表示请求正文的长度,以字节为单位。

同样的,在构建响应的时候,也可以将这属性作为响应报头加进去,表示响应正文的长度,浏览器可以自动识别这一属性。

图
DealReq函数中构建响应的时候,添加Content-Length: xxx属性,如上图红色框中所示,该属性的值就是服务器返回给客户端的文件大小,存放在req中。

然后将响应正文长度属性拼接到相应报头中,一起发出去。

图
此时使用telnet工具向服务器发起请求时,得到响应中包含Content-Length,如上图红色框中所示。在使用浏览器发起请求时,浏览器能自动识别Content-Length这一响应属性,并作相应处理。

⚽Connection: keep-alive

tu
此时index.html中有内容,有跳转网页,有图片,还有表单等等内容,如上图所示。

tu
浏览器访问根目录时,得到的网页中有这么多内容,如上图所示。

tu
在浏览器上本喵只输入了一次网址,然后回车,但是服务器上却收到了多个请求,如上图所示(本喵仅截图几个)。不同请求的urlpath不同。

  • 一个网页中有多种类型的资源,而一次请求只能获取一种类型资源。
  • 虽然我们在浏览器中只访问一次,但是浏览器会通过多个线程发起多次请求。
  • 多次请求的多个响应共同组成了一个网页。

我们知道HTTP协议使用的是TCP网络通信那一套,所以客户端的每一个请求,服务器都会创建一个套接字。

像上面这种请求,仅访问一个网页就会创建多个套接字,会导致套接字资源紧张,所以就出现了长连接的解决方案。

长连接:

  • 一个客户端对应一个套接字,客户端的一个请求响应完后,套接字不关闭,只有客户端退出了,或者指定关闭时,套接字才关闭。
  • 一个客户端无论有多少个请求,都通过一个套接字和服务器进行网络通信。

这里本喵仅能从概念上来给大家讲解,无法做出具体的实验现象。

⚽会话保持(Cookie和Session)

Cookie技术:

假设访问CSDN使用的是HTTP协议。

CSDN在第一次登录后,之后打开CSDN就不用再进行登陆了。根据前面学习我们知道,登录时输入的信息其实就是form表单,然后将数据提交给服务器,让服务器进行鉴权,如果权限符合就会返回对应的响应。

  • HTTP实际上是一种无状态协议,每次请求并不会记录它曾经请求了什么。

所以,在第一次登录CSDN后,在站内进行网页跳转(从一篇文章到另一篇文章)时,理论上需要再次输入账号密码进行登录,让服务器进行鉴权,因为HTTP的每次请求/响应之间是没有任何关系的。

  • 但我们在使用浏览器访问CSDN的时候发现并不是这样的,只需要登录一次即可。

这是因为浏览器在我们第一次登录CSDN的时候,将我们的账号密码等登录信息保存了下来。

当我们进行网页跳转或者再次打开CSDN的时候,浏览器自动将保存的用户登录信息添加到了请求报头中,并通过HTTP协议发送给了服务器,服务器进行鉴权并返回对应的响应。

  • 登录还是需要的,只是浏览器帮我们做了这个事。
  • 这种技术就叫做Cookie技术。

图
如上图所示,点击网址前面的小锁,可以查看当前浏览器正在使用的Cookie

当我们将上图中和CSDN有关的Cookie数据删除后就需重新输入账号密码来登录了。

  • 用户在第一次输入账号和密码时,浏览器会进行保存(Cookie),近期再次访问同一个网站(发送http请求),浏览器会自动将用户信息添加到报头中推送给服务器。
  • 这样只要用户首次输入密码,一段时间内将不用再做登录操作了。

Cookie又分为内存级和文件级:

  • 内存级Cookie:将信息保存在浏览器的缓冲区中,当浏览器被关闭时,意味着进程结束,保存的信息也就没有了,重新打开浏览器后还需要重新登录。
  • 文件级Cookie:将信息保存在文件中,文件是放在磁盘上的,无论浏览器怎么打开关闭,文件中的信息都不会删除,在之后发送HTTP请求时,浏览器从该文件中读取信息并加到请求报头中。

根据日常使用浏览器的情况,我们可以知道,大部分情况下的Cookie都是文件级别的,因为关闭了浏览器下次打开不用再重新登录。

Cookie文件也是存在我们电脑上的,具体路径有兴趣的小伙伴可以去找一下。


Session:

如果我们电脑上的Cookie文件被不法份子盗取,那么它就能以我们的身份去登录我们的CSDN,并且进行一些非法操作。

  • 为了保证信息安全,新的做法是将用户的账号密码信息以及浏览痕迹等信息保存在服务器上。
  • 每个用户对应一个文件,这个文件被叫做Session文件,由于存在很多的Session文件,所以给每个文件一个名字,叫做Session id
  • 服务器将Session id作为响应返回给用户,此时用户的Cookie中保存的就是这个id值。

图

如上图所示,当第一次登录时,浏览器的form表单中的用户信息提交到了服务器,服务器创建Session文件并保存用户信息,然后再生成一个id返回给浏览器。

此时浏览器的Cookie保存的就是这个id值。当进行站内页面跳转或者再次打开CSDN的时候,浏览器自动将CookieSession id加到请求报头中提交给服务端。

服务端收到请求后,拿到请求报头中的Session id找到对应的Session文件进行鉴权,看看身份是否符合。

鉴权完毕后做出相应的响应返回给浏览器。

  • 服务端存储用户信息的技术就叫做Session技术。

为什么新的会话保持(Cookie和Session)技术能够提高用户信息的安全性呢?

  • 服务端是由专业的人员维护的,服务器中存在病毒以及流氓软件的可能想更小,所以用户信息在服务端会更安全。
  • 如果客户端的Cookie中的Session id被盗用,不法分子使用该id向服务端发起请求时,会因为常用IP地址不一样而被服务端强制下线,此时只有手里真正有账号密码的人才能够再次登录。

保证Session安全的策略非常多,有兴趣的小伙伴可以自行了解。


写入Cookie信息:

我们知道,浏览器的Cookie信息是服务端响应返回的,所以在我们构建响应的时候也可以构建Cookie信息让浏览器去保存。

图

DealReq函数中构建响应时,设置Cookie信息,内容是name=123456abc,有效时间是三分钟,然后加到响应报头中返回给客户端,如上图所示。

图
使用浏览器访问根目录的时候,如上图所示,会得index.html文件表示的网页,查看该网页的Cookie信息,可以看到name123456abc,有效时间是3分钟,和我们在服务端构建响应时写的内容一模一样。

  • 浏览器将我们在响应中设置的Cookie内容当作了Session id

真正生成Session id是有一套复杂的算法的,它能够保证每一个Session文件的id都是独一无二的。

  • CookieSession两种技术共同组成了HTTP的会话保持。

⚽HTTP状态码

图
本喵在DealReq中构建响应的时候,状态行中的状态码直接写的200,状态码描述是OK。那么状态码到底有哪些呢?它们代表的意义是什么?

状态码有五种类型,分别以1~5开头:

状态码类别原因短语
1XXinforma(信息性状态码)接收的请求正在处理
2XXSuccess(成功状态码)请求正常且处理完毕
3XXRedirection(重定向状态码)需要进行附加操作以完成请求
4XXClient Error(客户端错误状态码)服务器无法处理请求
5XXServer Error(服务器错误状态码)服务器处理请求出错

最常见的一些状态码,如200(OK),404(Not Found),403(Forbidden请求权限不够),302(Redirect),504(Bad Gateway)。

重定向状态码(3XX):

这些状态码没啥好说的,重点说一下重定向。

  • 重定向就是将网络请求重新定个方向转到其它位置(跳转网站),此时这个服务器相当于提供了一个引路的服务。

相信都有过这样的经历,打开一个网址以后,自动就弹出一些广告网页,这就是一种重定向。

  • 浏览器发送请求给服务端,服务端返回一个新的url,并且状态码是3XX,浏览器会自动用这个新的url向新地址的服务端发起请求。

所以说,重定向是由客户端完成的,当客户端浏览器收到的响应中状态码是3XX后,它就会自动从响应中寻找返回的新的url并发起请求。

重定向又有两种:

  • 永久重定向:状态码为301
  • 临时重定向:状态码为302307

临时重定向和永久重定向本质是影响客户端的标签,决定客户端是否需要更新目标地址。

如果某个网站是永久重定向,那么第一次访问该网站时由浏览器帮你进行重定向,但后续再访问该网站时就不需要浏览器再进行重定向了,此时直接访问的就是重定向后的网站。

而如果某个网站是临时重定向,那么每次访问该网站时都需要浏览器来帮我们完成重定向跳转到目标网站。

图
如上图代码所示,在DealReq函数中构建响应时,状态行中的状态码设为307,状态码描述为Temporary Redirect,表示临时重定向。

设置属性Location: XXX,其值是重定向后的地址,这里是本喵CSDN的首页地址。

然后将属性Location拼接到响应报头中,最后再发送给客户端。

图

在浏览器中访问index.html,但是发起请求后,返回的并不是index.html中的内容,而且属性Location的值所指向的网页,也就是本喵CSDN的首页。

图
当浏览器发起请求访问index.html的时候,收到的响应中,状态码是307,所以浏览器不解释index.html,而是根据响应报头中的Location属性,得到新的url,再向新的url发起请求,得到新的响应,也就是本喵的CSDN首页。

  • 永久重定向无法演示出来,效果和临时重定向一样。

🏀总结

这篇文章的思路是,先宏观介绍HTTP协议的格式,然后通过代码去验证这个格式,然后再把验证结果中的具体属性进行讲解。一些重点属性会单独举例进行讲解。


http://www.mrgr.cn/p/70615652

相关文章

2023最新ChatGPT商业运营版网站源码+支持ChatGPT4.0+GPT联网+支持ai绘画(Midjourney)+支持Mind思维导图生成

本系统使用Nestjs和Vue3框架技术&#xff0c;持续集成AI能力到本系统&#xff01; 支持GPT3模型、GPT4模型Midjourney专业绘画&#xff08;全自定义调参&#xff09;、Midjourney以图生图、Dall-E2绘画Mind思维导图生成应用工作台&#xff08;Prompt&#xff09;AI绘画广场自定…

27 用linprog、fmincon求 解线性规划问题(matlab程序)

1.简述 ① linprog函数&#xff1a; 求解线性规划问题&#xff0c;求目标函数的最小值&#xff0c; [x,y] linprog(c,A,b,Aeq,beq,lb,ub) 求最大值时&#xff0c;c加上负号&#xff1a;-c ② intlinprog函数&#xff1a; 求解混合整数线性规划问题&#xff0c; [x,y] intl…

Vue3 Radio单选切换展示不同内容

Vue3 Radio单选框切换展示不同内容 环境&#xff1a;vue3tsviteelement plus 技巧&#xff1a;v-if&#xff0c;v-show的使用 实现功能&#xff1a;点击单选框展示不同的输入框 效果实现前的代码&#xff1a; <template><div class"home"><el-row …

三个常用查询:根据用户名 / token查询用户信息+链表分页条件查询

目录 1.根据用户名或者token查询用户信息 会员信息实体类 统一状态Result类 controller层 service层及实现类 dao层 测试&#xff1a; 2.链表分页条件查询 会员等级实体类 封装条件类PageVo controller层 service层及实现类 dao层 Mapper.xml层 测试 vue前端参考 1.根据用户名…

Sentinel Dashboard集成Nacos

1.前言 当项目上Sentinel Dashboard做流量监控的时候&#xff0c;我们可以通过Sentinel控制台修改限流配置&#xff0c;但当我们使用Nacos作为配置中心动态配置流控规则的时候&#xff0c;问题就来了。 首先我们要明白&#xff0c;Sentinel Dashboard的配置是从机器的内存中加…

基于解析法和遗传算法相结合的配电网多台分布式电源降损配置(Matlab实现)

目录 1 概述 2 数学模型 2.1 问题表述 2.2 DG的最佳位置和容量&#xff08;解析法&#xff09; 2.3 使用 GA 进行最佳功率因数确定和 DG 分配 3 仿真结果与讨论 3.1 33 节点测试配电系统的仿真 3.2 69 节点测试配电系统仿真 4 结论 1 概述 为了使系统网损达到最低值&a…

推荐用于学习RN原生模块开发的开源库—react-native-ble-manager

如题RN的原生模块/Native Modules的开发是一项很重要的技能&#xff0c;但RN官网的示例又比较简单&#xff0c;然后最近我接触与使用、还有阅读了react-native-ble-manager的部份源码&#xff0c;发现里边完全包含了一个Native Modules所涉及的知识点/技术点&#xff0c;故特推…

web自动化测试-PageObject 设计模式

为 UI 页面写测试用例时&#xff08;比如 web 页面&#xff0c;移动端页面&#xff09;&#xff0c;测试用例会存在大量元素和操作细节。当 UI 变化时&#xff0c;测试用例也要跟着变化&#xff0c; PageObject 很好的解决了这个问题。 使用 UI 自动化测试工具时&#xff08;包…

工程师是怎样对待开源

工程师如何对待开源 本文是笔者作为一个在知名科技企业内从事开源相关工作超过 20 年的工程师&#xff0c;亲身经历或者亲眼目睹很多工程师对待开源软件的优秀实践&#xff0c;也看到了很多 Bad Cases&#xff0c;所以想把自己的一些心得体会写在这里&#xff0c;供工程师进行…

呼吸灯——FPGA

文章目录 前言一、呼吸灯是什么&#xff1f;1、介绍2、占空比调节示意图 二、系统设计1、系统框图2、RTL视图 三、源码四、效果五、总结六、参考资料 前言 环境&#xff1a; 1、Quartus18.0 2、vscode 3、板子型号&#xff1a;EP4CE6F17C8 要求&#xff1a; 将四个LED灯实现循环…

无涯教程-jQuery - jQuery.post( url, data, callback, type)方法函数

jQuery.post(url&#xff0c;[data]&#xff0c;[callback]&#xff0c;[type])方法使用POST HTTP请求从服务器加载页面。 该方法返回XMLHttpRequest对象。 jQuery.post( url, [data], [callback], [type] ) - 语法 $.post( url, [data], [callback], [type] ) 这是此方法使…

ElasticSearch基本使用--ElasticSearch文章一

文章目录 官网学习必要性elasticsearch/kibana安装版本数据结构说明7.x版本说明ElasticSearch kibana工具测试后续我们会一起分析 官网 https://www.elastic.co/cn/ 学习必要性 1、在当前软件行业中&#xff0c;搜索是一个软件系统或平台的基本功能&#xff0c; 学习Elastic…

6.2.tensorRT高级(1)-第一个完整的分类器程序

目录 前言1. CNN分类器2. 补充知识2.1 知识点2.2 智能指针封装 总结 前言 杜老师推出的 tensorRT从零起步高性能部署 课程&#xff0c;之前有看过一遍&#xff0c;但是没有做笔记&#xff0c;很多东西也忘了。这次重新撸一遍&#xff0c;顺便记记笔记。 本次课程学习 tensorRT …

强化学习(EfficientZero)(应用于图像和声音)

目录 摘要 1.背景介绍 2.MCTS&#xff08;蒙特卡洛树搜索&#xff09;&#xff08;推理类模型&#xff0c;棋类效果应用好&#xff0c;控制好像也不错&#xff09; 3.MUZERO 4.EfficientZero&#xff08;基于MUZERO&#xff09; 展望 参考文献 摘要 在文中&#xff0c;基于…

版本适配好帮手 Android SDK Upgrade Assistant / Android Studio Giraffe新功能

首先是新版本一顿下载↓&#xff1a; Download Android Studio & App Tools - Android Developers 在Tools中找到Android SDK Upgrade Assistant 可以在此直接查看SDK升级相关信息&#xff0c;不用跑到WEB端去查看了。 例如看一下之前经常要对老项目维护的android 12蓝牙…

【C进阶】回调函数(指针进阶2,详解,小白必看)

目录 6. 函数指针数组 6.1简单计算器 6.2函数指针数组实现计算器 7. 指向函数指针数组的指针(仅作了解即可) 8.回调函数 8.1关于回调函数的理解​编辑 8.1.1用回调函数改良简单计算器 8.2qsort库函数的使用 8.2.1冒泡排序 8.2.2qsort的概念 8.3冒泡排序思想实现qsor…

PKG内容查看工具:Suspicious Package for Mac安装教程

Suspicious Package Mac版是一款Mac平台上的查看 PKG 程序包内信息的应用&#xff0c;Suspicious Package Mac版支持查看全部包内全部文件&#xff0c;比如需要运行的脚本&#xff0c;开发者&#xff0c;来源等等。 suspicious package mac使用简单&#xff0c;只需在选择pkg安…

开发和测试模型

瀑布模型 需求分析-计划-设计-编码-执行测试-运行维护 特点: 线性结构每个阶段只执行一次 其他模型的基础框架 缺点: 测试后置 前面的风险被推迟到测试阶段才被发现,项目大面积需要修改,工作量大 测试时间不够 没有充足的测试时间进行功能评估和需求功能比对,会将缺陷暴露给用…

代码版本管理工具 git

1. 去B站看视频学习&#xff0c;只看前39集&#xff1a; 01-Git概述&#xff08;Git历史&#xff09;_哔哩哔哩_bilibili 2.学习Linux系统文本编辑器的使用 vi编辑器操作指令分享 (baidu.com) (13条消息) nano编辑器的使用_SudekiMing的博客-CSDN博客 windows下载安装Git官…

使用贝叶斯滤波器通过运动模型和嘈杂的墙壁传感器定位机器人研究(Matlab代码实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…