在正式开始学习之前，我们先来了解一下HTTP的大概历史 ### 历史 #### 1990年前的历史 上世纪九十年代前，互联网还没有被发明出来，那时候的网络基本以发邮件（Email1965年发明）等形式简单实用 #### 1990年后的世界 - Tim Berners-Lee（下文中称为李爵士） 在 1989 年至 1992 年间，发明了 WWW（World Wide Web） - 主要包含三个概念 URI，俗称网址 HTTP，两个电脑之间传输内容的协议 HTML，超级文本，主要用来做页面跳转 URL 的作用是能让你访问一个页面，HTTP 的作用是让你能下载这个页面，HTML 的作用是让你能看懂这个页面 完美搭配干活不累 - 李爵士除了发明了这些概念，还： > 发明了第一个服务器 > 发明了第一个浏览器 > 写出了第一个网页 这老头好强有木有！~ **因此他获得了计算机科学领域最富盛名的的奖项——图灵奖** [万维网之父Tim Berners-Lee获图灵奖：奖金100万美元](http://www.sohu.com/a/132077489_465975) ### URI（Uniform Resource Identifier）是一个用于标识某一互联网资源名称的字符串 URI 分为 URL 和 URN，我们一般使用 URL 作为网址 - URN（统一资源编码） ISBN: 9787115275790 就是一个 URN，通过 URN 你可以确定一个「唯一的」资源，ISBN: 9787115275790 对应的资源的是《JavaScript 高级程序设计（第三版）》这本书。你去是介绍任何一个图书馆、书店，他们都知道是这本书。 - URL（统一资源定位符） 通过 URL 你可以确定一个【唯一的】地址（网址） > 例如:www.baidu.com > 一级域名com > 二级域名baidu > 三级域名www ### 了解下DNS 要了解HTTP就不得不了解一下[DNS](https://www.ruanyifeng.com/blog/2016/06/dns.html) 它的作用其实非常简单，就是根据域名查出IP地址 举例来说，如果你要访问域名 www.glrssn.com，首先要通过 DNS 查出它的IP地址是 xx.xxx.xxx.xxx - 输入域名 - 输出IP ### Server + Client + HTTP组合 浏览器负责发起请求 服务器在 80 端口接收请求 服务器负责返回内容（响应） 浏览器负责下载响应内容 HTTP 的作用就是指导浏览器（Clinet）和服务器（Server）如何进行沟通 **请求示例一** ``` url -s -v -H "Frank: xxx" -- "https://www.baidu.com" 请求的内容为 GET / HTTP/1.1 Host: www.baidu.com User-Agent: curl/7.54.0 Accept: */* Frank: xxx ``` **请求示例二** ``` curl -X POST -s -v -H "Frank: xxx" -- "https://www.baidu.com" 请求的内容为 POST / HTTP/1.1 Host: www.baidu.com User-Agent: curl/7.54.0 Accept: */* Frank: xxx ``` **请求的格式** ``` 1 动词 路径 协议/版本 2 Key1: value1 2 Key2: value2 2 Key3: value3 2 Content-Type: application/x-www-form-urlencoded 2 Host: www.baidu.com 2 User-Agent: curl/7.54.0 3 4 要上传的数据 ``` 请求最多包含四部分，最少包含三部分。（也就是说第四部分可以为空） 第三部分永远都是一个回车（\n） 动词有 `GET POST PUT PATCH DELETE HEAD OPTIONS `等 这里的路径包括「查询参数」，但不包括「锚点」(锚点是浏览器看的，服务器不看) 如果你没有写路径，那么路径默认为 / 第 2 部分中的 Content-Type 标注了第 4 部分的格式 ### 用 Chrome 发请求 打开 Network 地址栏输入网址 在 Network 点击，查看 request，点击「view source」 点击「view source」 点击「view source」 点击「view source」 终于点了？可以看到请求的前三部分了 如果有请求的第四部分，那么在 FormData 或 Payload 里面可以看到 ### 响应 响应的格式 ``` 1 协议/版本号 状态码 状态解释 2 Key1: value1 2 Key2: value2 2 Content-Length: 17931 2 Content-Type: text/html 3 4 要下载的内容 ``` ### 状态码 状态码要背，是服务器对浏览器说的话，也是一些面试官会经常提问的一个知识点 > 1xx 不常用 2xx 表示成功 3xx 表示滚吧 4xx 表示你丫错了 5xx 表示好吧，我错了 [状态码查询](http://www.runoob.com/http/http-status-codes.html) ### 用 Chrome 查看响应 打开 Network 输入网址 选中第一个响应 查看 Response Headers，点击「view source」，点击「view source」，点击「view source」 你会看到响应的前两部分 查看 Response 或者 Preview，你会看到响应的第 4 部分 好啦~ 以上就是HTTP的一些基础知识了，很感谢你能够看到这里，同时希望你能够有些收获 博客之初会分享一些相对基础的一些知识，希望同大家一起巩固一下基础知识，从而在以后的学习中能够更加的游刃有余。 就这样啦 晚安，少年~