Web基础和Http协议

web基础与http协议

一、web

1、web、http(s)

web：就是网页，打开网站展示的页面。（全球广域网---world wide web，又叫万维网）分布式图形信息系统

http：超文本传输协议

https：（加密的）超文本传输协议

2、分布式

分布式图形信息系统

!

概念：计算机系统或者是应用程序，分布在多台计算机或者服务器上。通过计算机网络互相通信和协作，共同完成任务或者共同对外提供一致的服务。

设计目标：把工作负载分散到多个节点上。每个节点既是一个整体，也是一个独立的运行体。这种设计提供了高可用的架构，允许分布式节点的服务器出现故障。

3、集群

概念：建立在分布式的基础之上，把多台计算机或者是服务器连接在一起，作为一个整体，形成一个单一的计算资源，也是通过网络连接，共享任务和资源负载，实现高性能和高可用。这些计算机或者服务器，他们的性能基本一致，运行的服务或者应用程序都一致。

目标：通过增加节点和减少节点实现弹性伸缩，提高处理能力和容量。（数据中心、web服务器都是出于集群，大数据处理等等）

4、web的组成结构

网页：纯文本格式的文件，HTML语言（超文本标记语言），是一种规范，也是一种标准。通过标记符号来显示网页中的各个部分。一般来说，我们访问的页面都是.html或者.htm（也是网站的首页）浏览器把html语言进行翻译，形成用户看到的页面》

网站：由一个一个的页面组成，是一个网页的组合体。

域名：访问网站或者浏览页面时输入的地址，也可以叫网址。（www.baidu.com-------与ip地址做映射）

http\https：用来传输网页的通信协议，https就是加密，是一种客户端和服务端之间通信、交互的标准和规范。

URL：万维网的寻址系统，是网站在互联网上的唯一标识。

https://show,bilibili.com/platform/home.html?msource=pc web&spm id from=666.5.0.0

URI：/platform/home

超链接：把网站中的不同网页连接起来

发布：把制作好的网页部署到互联网上，可以分为内和外

内部访问：不提供互联网的对外访问，只能内部局域网访问

外部访问：互联网上公开的页面，所有人都可以访问的页面

5、web的版本

web1.0：网页编辑好之后，用户直接阅读内容，用户无法对页面进行编辑、更改、创建其他内容（网站到用户----单向的）

web2.0：用户也是访问编辑好的页面，但是这个页面用户可以对其进行二次开发（包括分享、弹幕、点赞、送礼等等都是web2.0的新特征），是一个开发的平台。

静态页面：就是标准的HTML文件，文件的扩展名.html或者.htm，就是纯文本、图像、声音、动画等等组成的一个页面。网站建设的基础，早期的网站都是静态页面，没有后台数据库，没有其他程序，也无法交互的页面，更新起来比较麻烦，展示型网站，更新内容比较少的网站。他的URL地址是固定的，内容相对稳定，容易被搜索引擎检索，页面的浏览速度比较快，没有后台程序，不需要连接数据库，页面打开比较快。

动态页面：网页URL不固定，用户可以和后台进行交互（数据库），在动态页面的URL里面有一个符号" ？"。动态页面用的是PHP、JSP、python、ruby

动态页面的特点：
1.1 交互性，用户可以对网站发布的页面进行二次创造
1.2 自动更新
1.3 页面的内容会实时的发生变化

静态和动态页面的区别：

1.1 静态页面：看

1.2 静态页面：交互

二、http协议和返回码

1、http和https

http：超文本传输协议

https：（加密的）超文本传输协议

http 0.9
http 1.0 基本淘汰
http 1.1 目前的主流
https 2.0 加密的协议   新一代的加密协议，是http1.1的升级版。

2、http1.0和http1.1之间的区别？

#缓存机制#
缓存可以把用户的一个行为和操作，保存下来，下次访问可以保留这些状态，不需要在和web服务器进行额外的通信，提高了访问效率。缓存有的是保存在本地，有的是保存在web服务器，现在得缓存基本是保存在用户的本机（缓存由浏览器保存），缓存的保留时间，一般来说是30天到180天，一般网站都是30天左右
http1.0只有一种缓存策略
http1.1引入更多的缓存策略

#长连接#
http1.1支持长连接，在一个tcp连接上可以传输多个http请求和响应。一次性获取页面所有内容

#带宽优化和网络连接的使用#
http1.0一次只能获取一个对象，其他对象还要继续的建立连接获取数据
http1.1 只有建立了连接，除非数据发送完毕，否则不需要为了其他的资源专门再建立额外的连接

3、http的工作方式

请求----------客户端发起

响应----------服务端发起

3.1 请求

请求的方式：GET POST

请求的内容：请求头、请求体

method：GET 请求的方式

Accept：客户端获取的页面

Accept-Enocoding ：客户端可以接受的编码方式

Accept-Language：客户端可以接受的语言类型

Cache-Control：客户端需要页面缓存的时间

Connection：keep-alive 客户端通知服务端，服务端在数据传输完毕之后不要马上关闭连接，让连接保持一段时间（60s、120s、180s）

Host：客户端请求的ip和端口

User-Agent：客户端的请求工具，用什么浏览器发起的请求以及发起的系统是什么

3.2 响应

响应----------服务端发起

响应的内容：响应头、响应体

Connection：响应客户端的连接方式

Content-Encoding：响应客户端的编码

Content-Type ：响应编码的类型，发送数据的类型

Date ：响应的时间

Server：使用web服务的软件和版本

Strict-Transport-Security：响应客户端的缓存时间

Request Method：客户端请求方式是get（GET）

Status Code：请求收到之后，服务端对请求的响应的状态码

3.3 响应码

1xx：100-101 信息提示 一般不考虑

2xx：200-206 成功

3xx ：300-305 重定向和缓存

4xx ：400-415 客户端错误（客户端请求的内容或是页面不存在）

5xx：500--505 服务端错误web服务软件本身处了故障，无法响应

3.4 http常见的状态码

200：ok 请求成功

301：永久重定向，请求的页面永久的到其他页面

302 ：临时重定向，网站维护时使用

304 ：访问的是本地缓存

403 ：用户的请求禁止访问

404 ：用户请求的网页不存在

500 ：内部服务错误，一般是软件层面也有可能是硬件，也可能是防火墙

4、如果出现了500，怎么来排查这个错误？

501：Bad Gateway 无效网关（防火墙，限制了转发功能）

503：service unavailable 服务不可用

504：Gateway timeout 网关请求超时

5、post方式

区别于get，get就是向服务器发送请求，请求不带任何参数，由http协议自行约定的

post也是发送数据，也是依照http协议，post会更改服务器数据。post之后会在服务器上多一条数据，或者对原数据进行修改

get的请求可以被缓存，post没有缓存

get的请求记录会保存在浏览记录（cooike），post不会被保存

get就是获取数据，post会修改数据

get的请求长度是有限制的，而且请求的字符串会显示在url当中

post请求没有长度限制，而且字符串也不再url当中显示

动态页面.jsp .js .php为结尾的文件