目录
HTTP协议
1.HTTP协议
HTTP属于应用层最广泛使用的协议之一。浏览器获取到网页就是基于HTTP。HTTP就是浏览器和服务器之间的交互桥梁。
网址，URL，浏览器会根据这个URL构造出一个HTTP请求，发送给服务器，服务器会返回一个HTTP响应（包含了HTML，CSS，js，图片...）浏览器再把得到的HTML等数据进行显示出来（渲染）
可以通过fiddler工具查看HTTP的工作过程
下载：
fidder本质是一个代理程序（代理：找中间人帮助做任务），使用时有两个注意事项。
1.可能和别的代理程序冲突，使用的时候要关闭其他的代理程序（包括一些浏览器插件）
2.想要正确抓包，还需要开启https功能，https是基于http的进化版协议。fiddler默认不能抓https的包，需要自己启用https并安装证书。
打开搜狗，查看抓包
2.HTTP请求
最原始的请求：
响应：
URL
举个例子：
方法
常用的几个方法：
GET请求
1.在浏览器地址栏直接输入URL就会触发get请求
2.HTML里的link标签、script标签、img、a标签......
3.通过js构造get请求
通过fiddler查看搜狗页面请求
post请求
1.登录跳转
2.传输文件
HTTP请求可以认为是四个部分：
1.首行
2.请求头（header）
3.空行
4.正文（body）
GET请求，没有body;POST请求，一般有body。（post的body是程序员自定义的内容）
GET和POST之间的区别：
1.get给服务器传递的信息一般放在query string里面，post传递则是通过body
2.get请求一般用于从服务器获取数据，post一般是用于给服务器提交数据
3.get通常设计为幂等的，post不要求幂等
4.get可以被缓存，post一般不能被缓存
header报头
每一行是一个键值对，键和值之间使用：分割
键值对是HTTP定义好的，有特定的含义
常见的几个重要的键值对：
Host：描述服务器所在的地址和端口（描述最终要访问的目标）
content-length：描述body中的数据长度
content-type：描述body中的数据格式
user-agent：当前操作系统和浏览器的版本，现在主要用来区分PC和移动
referer：当前页面的来源
cookie：浏览器给网页提供的本地存储数据的机制（网页默认是不允许访问计算机硬盘的）
请求正文（body）
3.HTTP响应
结构
响应是四个部分构成的
1）首行：版本号 状态码 状态码的描述
2）header
3）空行：表示header的结束标记
4）body
HTTP状态码：描述了这次响应的结果（响应成功还是失败，失败原因）
常见的状态码
200 OK（成功了）
404 Not Found（访问资源不存在，在服务器里没有找到)
403 Forbidden（访问被拒绝，没有权限）
302 Move temporarliy（重定向，类似于呼叫转移）
500 internal sever error：服务器内部错误，代码抛出异常
504 gateway timeout：响应时间太久，请求超时
状态码大类：（看开头数字）
1** 执行中，等一等
2** 成功
3** 重定向
4**客户端错误
5**服务器错误
HTTP协议格式总结
4.form表单构造HTTP请求
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 表单标签，允许用户和服务器之间交互数据 -->
<!-- 要求提交的数据以键值对的结构来组织 -->
<form action="https://www.sogou.com" method="get">
<input type="text" name="studentName">
<!-- 构造了一个按钮，点击按钮提交form表单 -->
<input type="submit" value="提交">
</form>
</body>
</html>
搜狗服务器没有特殊响应，只是打开了搜狗服务页。
代码里方法换成post：
form标签只能构造get和post，无法构造put、delete等方法的请求。
5.通过ajax构造HTTP请求
a=>异步的
asynchronize
HTML中通过ajax发起的HTTP请求，就属于异步的方式。即发送请求后不必等待服务器响应回来，可以往下执行。当服务器响应回来了之后，再由浏览器通知到代码中。
jquery提供的ajax，api针对原生api封装
应用jquery库，通过$全局对象来获取它的aqi
和form相比：ajax功能更强大
1.支持put、delete等方法
2.ajax发送的请求可以灵活设置header
3.ajax发送的请求的body也是可以灵活设置的
6.使用工具postman
1.注册登录 2.创建workplace 3.新建一个标签页，即可以构造请求
构造一个HTTP请求：通过postman手动构造
postman还可以自己构造出请求代码：
HTTPS
HTTP+安全层（SSL)
用来加密的协议：SSL/TLS
可以用来防御"运营商劫持"（例：点击下载链接后跳转到另一个下载链接中）
网络上明文传输数据比较危险，需要加密才能保证安全。
1.对称加密
a（明文）+key=>b（密文） 加密的过程
b（密文）+key=>a(明文） 解密的过程
key:同一个密钥，既可以加密也可以用来解密（对称密钥）
密钥：一串字符串/数字。加密的过程，就是把明文和字符串进行数学变换。
存在问题：初始客户端设置密码给服务器时需要明文传输。此时黑客也能看见密码。此时引出非对称加密。
2.非对称加密
生成一对密钥：公钥和私钥（公钥和私钥的加密或者解密顺序可以互换）
明文+公钥=>密文 使用公钥加密
密文+私钥=>明文 使用私钥解密
类比信箱：锁在邮差员手中，钥匙在居住人手中。邮差上锁，用户用钥匙解锁。
客户端使用公钥，来对密钥进行加密，传输给服务器，服务器用私钥来解密得到对称密钥。
非对称密钥只是为了传递对称密钥的。一旦对称密钥到达服务器后，后续的传输都使用对称密钥来加密了。对称密钥的效率相较于非对称密钥要高许多。
即使使用了非对称密钥，也会出现问题：黑客进行中间人攻击，传输过程中截获替换成自己生成的一对非对称密钥，截获传输的信息。
问题出现在服务器不知道传输的数据是否来自于客户端，解决中间人攻击的关键在于让客户端能辨别公钥是否是真的公钥。
3.证书
引入"证书"（第三方的公证机构）
类比：参加高考需要身份证和准考证来证明身份，证书无效机器会识别出来，对造假和代考做出惩罚。
服务器在成立初就会在专门的机构认证审核，申请证书，审核通过颁发证书，服务器生成的公钥包含在证书中。传输过程发现证书无效，浏览器出现弹窗告警。
验证证书是否被篡改：从系统中拿到该证书发布机构的公钥，对签名解锁，得到一个hash1，再计算整个证书的hash值记作hash2，比较hash1和hash2的值，如果不一样则被篡改了。证书一旦有一个字符被修改过，计算出来的hash值会有非常大的差别。一旦hash值对不上，客户端就知道被替换了公钥。
总结客户端和服务器之间使用HTTPS传输数据的过程：
1.针对业务数据，引入对称加密。
2.让服务器生成一对非对称密钥，公钥1和私钥1，把公钥1连同证书一起发送给客户端，自己持有私钥1。
3.客户端拿到证书进行校验，拿着颁发证书机构提供的公钥2对证书中的签名进行解密，计算校验和是否匹配。
4.客户端拿着服务器发送来的公钥1争对对称密钥进行加密，发送给服务器，服务器用私钥1进行解密。