web与HTTP协议

风中的胡杨啊
102 阅读13分钟

一.web基础

1.域名概述

域名的概述

  • ip地址不易记忆

早期使用Hosts文件解析域名

  • 主机名称重复
  • 主机维护困难

DNS（Domain Name System 域名系统）

  • 分布式
  • 层次性

2.域名空间结构

  • 根域

  • 顶级域

    组织域

    国家/地区域

  • 二级域名

  • FQDN=主机名.DNS后缀

3.HTML概述

  • HTML叫做超文本标记语言，是一种规范，也是一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。
  • HTML文件可以使用任何能够生成xt文件的文本编辑器来编辑，生成超文本标记语言文件，只用修改文件名后缀为".html”或“.htm"即可。

HTML基本标签

HTML语法规则

  • HTML标签采用双标记符的形式，前后标记符对应，分别表示标记开始和结束，标记符中间的内容被标签描述。前标记符由“”表示，结尾标记符多了一个“／”，由“”表示。

HTML文件结构

  • HTL文件最外层由表示，说明该文件是用HTML语言描述的。在它里面是并列的头标签（）和内容标签（），最基本的

HTML文件结构如下

< html>

<head>网页的内容描述信息</head> 


<body>网页显示的内容</body>

< /html>

头标签中常用标签

微信截图_20230821170846.png

内容标签中常用标签

微信截图_20230821171113.png

4.静态网页与动态网页

4.1静态网页

  • 在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，静态网页是标准的HTML文件，它的文件扩展名是.htm、.html。静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字幕等。这些动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。

4.2动态网页

  • 所谓的动态网页，是指跟静态网页相对的一种网页编程技术。静态网页，随着HTL代码的生成，页面的内容和显示效果就基本上不会发生变化了——除非是修改页面代码。而动态网页则不然，页面代码虽然没有变，但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。动态网页URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见网页制作格式，而是以.aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网项网址中有一个标志性的符号——“?”
  • 动态网页是基本的htmi语法规范与Java、PHP、C#等高级程序设计语言、数据库编程等多种技术的融合，以期实现对网站内容和风格的高效、动态和交互式的管理。因此，从这个意义上来讲，凡是结合了HTML以外的高级程序设计语言和数据库技术进行的网页编程技术生成的网页都是动态网页。

4.3动态网页语言

  • 早期的动态网页主要采用通用网关接口CGI（Common Gateway Interface）技术，虽然CGI技术已经发展成熟而且功能强大，
  • 但由于编程困难、效率低下、修改复杂，所以有逐渐被新技术取代的趋势。

4.4目前常用的动态网页编程语言如下

PHP

  • 即 Hypertext Preprocessor（超文本预处理器），它是当今Internet上最为火热的脚本语言，其语法借鉴了C、Java、PERL等语言，但只需要很少的编程知识你就能使用PHP建立一个真正交互的Web站点。

JSP

  • 即Java Server Pages（Java服务器页面），它是由sun Microsystem公司于1999年6月推出的新技术，是基于Java servlet以及整个Java 体系的Web 开发技术。

Python

  • 是一种面向对象、跨平台的动态类计算机程序设计语言，最初被设计用于编写自动化脚本(shell)，随着版本的不断更新和语言新功能的添加，越来越多被用于独立的大型项目开发。

Ruby

  • 是一种简单快捷的面向对象（面向对象程序设计）脚本语言，在20世纪90年代由日本人松本行弘（Yukihiro Matsumoto）开发，遵守GPL协议和Ruby License。它的灵感与特性来自于perl、Smalltalk、Eiffel、Ada以及Lisp语言。

二.HTTP协议

1.http协议概述

  • HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求，请求头包含请求的方法、URL、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。I服务器以一个状态行作为响应，响应的内容包括消息协议的版本，成功或者错误编码加上服务器信息、实体元信息以及可能的实体内容

2.HTTP 已经演化出了很多版本，它们中的大部分都是向下兼容的：

  • HTTP/0.9：已过时。只接受 GET 一种请求方法，没有在通讯中指定版本号，且不支持请求头。由于该版本不支持 POST 方法，所以客户端无法向服务器传递太多信息。
  • HTTP/1.0：这是第一个在通讯中指定版本号的 HTTP 协议版本，至今仍被广泛采用，特别是在代理服务器中。
  • HTTP/1.1：引入了持久连接，即TCP连接默认不关闭，可以被多个请求复用，能很好地配合代理服务器工作。还支持管道方式机制，即在同一个TCP连接里面，客户端可以同时发送多个请求，以便降低线路负载，提高传输速度。
  • HTTP/2.0：完全多路复用，在一个连接里，客户端和浏览器都可以同时发送多个请求或回应，而且不用按照顺序一一对应。引入了头信息压缩机制，使用gzip或compress压缩后再发送。支持服务端推送，允许服务器未经请求，主动向客户端发送资源。

HTTP请求流程图

微信截图_20230821171904.png

HTTP方法：

微信截图_20230821172052.png

HTTP方法介绍：

1、GET请求会向数据库发索取数据的请求，从而来获取信息，该请求不会产生副作用。无论进行多少次操作，结果都是一样的。

2、与GET不同的是，PUT请求是向服务器端发送数据的，从而改变信息，无论进行多少次PUT操作，其结果并没有不同。

3、POST请求同PUT请求类似，都是向服务器端发送数据的，但是该请求会改变数据的种类等资源，几乎目前所有的提交操作都是用POST请求的。

4、DELETE请求顾名思义，就是用来删除某一个资源的。

3.GET 和 POST 对比

GET 方法

  • 从指定的服务器上获得数据
  • GET请求能被缓存
  • GET请求会保存在浏览器的浏览纪录里
  • GET请求有长度的限制
  • 主要用于获取数据
  • 查询的字符串会显示在URL后缀中，不安全

POST 方法

  • 提交数据给指定服务器处理
  • POST请求不能被缓存
  • POST请求不会保存在浏览器的浏览纪录里
  • POST请求没有长度限制
  • 查询的字符串不会显示在URL中，比较安全

4.HTTP 状态码

HTTP 状态码（HTTP Status Code）是用以表示网页服务器 HTTP 响应状态的 3 位数字代码，当浏览器请求某一 URL 时， 服务器根据处理情况返回相应的处理状态。

通常正常的状态码为2xx，3xx（如200），如果出现异常会返回4xx，5xx（如404）。

微信截图_20230821172513.png

5.HTTP 常见状态码

微信截图_20230821172624.png

6.产生502（无效网关）的原因

、数据包没有送到网卡，网络问题；

2、数据包送进去了（交换机能抓到包），但是网卡没收到，网卡问题或防火墙问题；

3、网卡接收到了，处理不了，服务问题。

7.解决502错误的几种方法

1、检查服务器连接

大多数网站都是通过多个服务器或第三方代理来运行的。如果你所在的服务器由于维护或其他原因关闭，你的网站可能会出现502 Bad Gateway Error页面。唯一的解决办法就是等待服务器完成维护或是修复好故障。

2、检查是否更改了DNS

如果你近期更改了主机服务器或将网站移动到了其他IP地址下，就会更改网站的DNS服务器。这可能导致该网站无法访问，出现502 Bad Gateway Error页面。在这些DNS更改完成之前，你的网站可能需要几个小将才能启动并运行。

3、检查服务器日志

服务器的日记的工作任务就是记录网站被访问的全过程，什么时间到什么时间有哪些人来过，什么搜索引擎来过，有没有收录你的网页。可以通过它来查看网站的健康状态。仔细检查日志内容可能会找出问题所在。

4、修复防火墙故障

网站防火墙相当于网站的守卫者，保护你的网站免受非法用户的侵入和分布式拒绝服务（DDOS）的攻击。有时，防火墙设置错误会导致防火墙将从内容分发网络（CDN）过来的访问请求视为对服务器的攻击，因此拒绝其访问，从而导致502错误网关。

5、梳理网站代码查找漏洞

如果网站的代码出现错误，服务器可能无法响应来自内容分发网络（CDN）的请求。梳理代码以查找漏洞或将代码复制到开发工具中。它将执行一个彻底的程序调试过程，该过程将模拟502错误网关是如何发生的，从而找出漏洞。

8.HTTP请求流程分析

  • 用户在浏览器输入URL访问时，发起HTTP请求报文，请求中包括请求行、请求头、请求体，服务器收到请求后返回响应报文，包括状态行、响应头、响应体。

请求报文

  • 请求行：请求行由请求方法、URL以及协议版本三部分组成。
  • 请求头：请求头为请求报文添加了一些附加信息，由名/值”对组成，每行一对，名和值之间使用冒号分隔。
  • 空行：请求头部的最后会有一个空行，表示请求头部结束，接下来为请求体，这一行非常重要，必不可少。
  • 请求体：请求体是请求提交的参数，GET方法已经在URL中指明了参数，所以提交时没有数据。POST方法提交的参数在请求体中。

常用的请求头

微信截图_20230821173723.png

响应报文

  • 状态行：状态行由协议版本，状态码，状态码描述三部分组成。
  • 响应头：响应头与请求头部类似，为响应报文添加了一些附加信息。
  • 空行：响应头部的最后会有一个空行，表示响应头部结束。
  • 响应体：服务器返回的相应HTML数据，浏览器对其解析后显示页面。

常用的响应头

微信截图_20230821173836.png

9.HTTP访问的过程

1、客户端通过域名进行访问，先进行DNS域名解析。

2、之后客户端请求与web服务器建立TCP连接（三次握手）。

3、建立连接后，客户端向web服务器发送一个HTTP请求。

4、服务器响应HTTP请求，客户端的浏览器得到HTML代码。

5、浏览器解析HTML代码，并请求HTML代码中的资源。

6、断开TCP连接（四次挥手），浏览器对页面进行渲染呈现给用户。

10.Cookie和session

Cookie 又称为"小甜饼”。类型为"小型文本文件”，指某些网站为了辨别用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。

Cookie主要用于以下三个方面：

  • 会话状态管理（如用户登录状态、购物车、游戏分数或其它需要记录的信息）
  • 个性化设置（如用户自定义设置、主题等）
  • 浏览器行为跟踪（如跟踪分析用户行为等）

Session

session 将数据信息保存在服务器端，可以是内存，文件，数据库等多种形式,cookie 将数据保存在客户端的内存或文件中

cookie和session的相同和不同：

  • cookie通常是在服务器生成,但也可以在客户端生成,session是在服务器端生成的
  • session 将数据信息保存在服务器端，可以是内存，文件，数据库等多种形式,cookie 将数据保存在客户端的内存或文件中
  • 单个cookie保存的数据不能超过4K，每个站点cookie个数有限制，比如IE8为50个、Firefox为50个、Opera为30个；session存储在服务器，没有容量限制
  • cookie存放在用户本地，可以被轻松访问和修改，安全性不高；session存储于服务器，比较安全
  • cookie有会话* cookie和持久*cookie，生命周期为浏览器会话期的会话cookie保存在缓存，关闭浏览器窗口就消失，持久cookie被保存在硬盘，知道超过设定的过期时间；随着服务端session存储压力增大，会根据需要定期清理session数据
  • session中有众多数据，只将sessionID这一项可以通过cookie发送至客户端进行保留，客户端下次访问时，在请求报文中的cookie会自动携带sessionID，从而和服务器上的的session进行关联

cookie缺点：

1、使用cookie来传递信息，随着cookie个数的增多和访问量的增加，它占用的网络带宽也很大，试想假如cookie占用200字节，如果一天的PV有几个亿，那么它要占用多少带宽？

2、cookie并不安全，因为cookie是存放在客户端的，所以这些cookie可以被访问到，设置可以通过插件添加、修改cookie。所以从这个角度来说，我们要使用sesssion，session是将数据保存在服务端的，只是通过cookie传递一个sessionId而已，所以session更适合存储用户隐私和重要的数据

session 缺点：

1、不容易在多台服务器之间共享，可以使用session绑定，session复制，session共享解决

2、session存放在服务器中，所以session如果太多会非常消耗服务器的性能cookie和session各有优缺点，在大型互联网系统中，单独使用cookie和session都是不可行的

avatar
文章
阅读
粉丝