服务器概念

红太狼 2021-09-02 07:45 406阅读 0赞

### ** HTTP协议** ###

HyperText Transfer Protocol 超文本传输协议

作用：规定浏览器如何发送请求，规定后端如何解析请求。规定后端如何返回数据，前端如何接收数据。

### URL ###

结构：一个完整的URL是由

协议      域名                          路径                    查询串             哈希

demo:  http://localhost:3000/flappybird/index.html?a=1&b=2&c=3\#ccc

协议（protocol）：规定当前使用的协议

域名（domain）：指定要访问的域名（也叫主机）

端口（port）：端口  一共65535个

路径（path）: 具体的资源路径

查询串（query）：提供一些数据给服务器使用（静态资源是不需要这个的）

哈希（hash）：提供的一个给前端使用的值

### 域名 ###

域名与ip地址之间是隐射关系

通过域名去找，域名与IP地址的映射关系会记录在域名服务器上。

### 缓存 ###

缓存：暂时存储

浏览器的缓存机制：

当浏览器访问了一个页面之后，会将一部分信息暂时存储到本地。当下一次用户再次打开相同的页面时，会从本地调用这些信息。避免了带宽的浪费，以及提升了用户看到页面的速度。

缓存分两种：

**强制缓存**

一旦命中强制缓存，则直接使用本地的数据，不再向服务器发送请求。

**协商缓存**

一旦命中协商缓存，则依旧会向服务器发送请求，询问服务器“这个数据是不是已经更新了？”。如果服务器已经更新数据，则将更新后的内容获取回来，并重新设置缓存的有效期，替代原来的缓存。如果服务器没有更新数据，则不会将任何内容带回来，通知浏览器使用缓存中的数据。

### **当用户输入网址按下回车之后** ###

第一步，浏览器解析用户输入的URL字符串

第二步，获取域名对应的IP地址

尝试从本地浏览器缓存中获取

尝试从本地系统缓存中获取

尝试从路由器缓存中获取

尝试去域名服务器DNS上获取

第三步，开始发送请求，尝试建立TCP连接

第四步，连接建立完毕，浏览器开始按照协议发送请求内容

第五步，服务器接收到，并按照协议开始处理，处理完毕，按照协议返回数据，并断开连接

第六步，浏览器接收到内容，按照协议开始解析。

第七步，浏览器解析第一个返回的HTML页面内容。

从上到下开始依次解析

DOM树、样式树

遇见img标签、link标签、script标签等各种标签都会发送请求

最终渲染完毕

用户看到页面

### **HTTP请求** ###

HTTP协议，是规定前后端如何发送并接收信息的。

HTTP请求，指的是真的按照协议规定的方式发送的一次请求。

通常，我们将浏览器发送给服务器的一次，叫做请求。服务器返回给浏览器的一次叫响应。

**组成**

HTTP请求由四部分：请求首行、请求头、请求空行、请求正文

** 请求首行**：URL、请求方式

**请求头**：一些配置、设置、信息。

**请求空行**：空白行，用于分割请求头和请求正文

**请求正文**：存放数据的正式的地方

**请求首行**

![20200912214517142.png][]

请求头

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzI4MjQ3_size_16_color_FFFFFF_t_70][]

**请求空行**

请求空行就是空白行，它的作用就是分割请求头和请求正文

**请求正文**

请求时所携带的数据都应当存放在请求正文中  
**注：GET请求没有请求正文    post有请求正文**

### **请求类型** ###

请求是从浏览器到达服务器。

根据目的划分：请求既可以从服务器上带内容回到浏览器。也可以从浏览器带内容到服务器（上传）。

GET：从服务器上带内容回到浏览器的请求

特点：

没有请求正文

将数据携带在URL的query上

因为数据在URL上，所以长度受限制，无法携带太多数据

不能够传递敏感信息

方便分享

触发方式多种多样

POST：从浏览器带内容到服务器的请求

特点：

有请求正文

将数据带在请求正文中

数据量没有上限

不方便分享

只有AJAX和表单可以触发POST请求

### ** 请求状态码** ###

在请求结束之后，服务器会返回一个状态码，表示本次请求的请求结果。

200 成功

302 重定向

304 未修改

404 资源未找到

500 服务器内部错误

### 转码： ###

URL中是不可以出现中文等特殊字符的。

解决方案：将中文字符以特定的编码方式转换为英文字符，传递给服务器，服务器再以同样的规则，解码。

加码函数：encodeURIComponent

解码函数：decodeURIComponent

### **HTTP协议的无状态** ###

HTTP协议是一个无状态的协议。

简单来说：通过HTTP协议规定建立的连接，在传递数据完毕之后会断开连接。

在HTTP协议1.0时，HTTP请求头中connection字段的值为close。

在HTTP协议1.1时，HTTP请求头中connection字段的值为close和keep-alive。

close：当服务器传递完毕之后，断开连接

keep-alive: 当服务器传递完毕之后，保持一段时间的连接，如果在这段时间内又有HTTP请求来了，就利用这个连接，避免了连接的建立和销毁的开销。

[20200912214517142.png]: /images/20210813/62ad85706b7b447cba80602842ef2cf9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzI4MjQ3_size_16_color_FFFFFF_t_70]: /images/20210813/0ed17603e5a344ac98bfaab562f20294.png