1990年前的历史
上世纪九十年代前,互联网还没有被发明出来,那时候的网络基本以发邮件(Email1965年发明)等形式简单实用

1990年后的世界
Tim Berners-Lee(下文中称为李爵士) 在 1989 年至 1992 年间,发明了 WWW(World Wide Web)
主要包含三个概念
URI,俗称网址
HTTP,两个电脑之间传输内容的协议
HTML,超级文本,主要用来做页面跳转
URL 的作用是能让你访问一个页面,HTTP 的作用是让你能下载这个页面,HTML 的作用是让你能看懂这个页面
完美搭配干活不累
李爵士除了发明了这些概念,还:
发明了第一个服务器
发明了第一个浏览器
写出了第一个网页
因此他获得了计算机科学领域最富盛名的的奖项——图灵奖
万维网之父Tim Berners-Lee获图灵奖:奖金100万美元(点击查看获奖信息)
URI(Uniform Resource Identifier)
是一个用于标识某一互联网资源名称的字符串
URI 分为 URL 和 URN,我们一般使用 URL 作为网址

URN(统一资源编码)
ISBN: 9787115275790 就是一个 URN,通过 URN 你可以确定一个「唯一的」资源,ISBN: 9787115275790 对应的资源的是《JavaScript 高级程序设计(第三版)》这本书。你去是介绍任何一个图书馆、书店,他们都知道是这本书。
URL(统一资源定位符)
通过 URL 你可以确定一个【唯一的】地址(网址)

image.png

一级域名com
二级域名baidu
三级域名www

image.png

www.baidu.com

DNS
输入域名
输出IP
Server + Client + HTTP
浏览器负责发起请求
服务器在 80 端口接收请求
服务器负责返回内容(响应)
浏览器负责下载响应内容
HTTP 的作用就是指导浏览器(Clinet)和服务器(Server)如何进行沟通
请求示例
1.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 表示好吧,我错了
状态码查询

image.png

用 Chrome 查看响应
打开 Network
输入网址
选中第一个响应
查看 Response Headers,点击「view source」,点击「view source」,点击「view source」
你会看到响应的前两部分
查看 Response 或者 Preview,你会看到响应的第 4 部分

最后
如果你觉得这篇文章对你有点用的话,麻烦请给我们的开源项目点点star:http://github.crmeb.net/u/defu不胜感激 !

免费获取源码地址:http://www.crmeb.com

PHP学习手册:https://doc.crmeb.com

技术交流论坛:https://q.crmeb.com


CRMEB
162 声望17 粉丝

CRMEB新零售社交电商会员管理营销系统!