Web基础与HTTP协议

最新推荐文章于 2023-03-10 19:39:46 发布
最新推荐文章于 2023-03-10 19:39:46 发布
阅读量327 收藏
点赞数
文章标签： 前端 http 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47343020/article/details/125960007
版权

Web基础与HTTP协议

web基础

域名

1.网络是基于 TCP/IP 协议进行通信和连接的，每一台主机都有一个唯一的固定的 IP 地址，以区别于网络上成千上万个用户和计算机。
2.网络中的地址方案分为两套：IP 地址系统和域名地址系统，两套地址系统是一一对应的。
3.由于 IP 地址是数字标识，使用时难以记忆和书写，因此在IP地址的基础上发展出一种符号化的地址方案，来代替数字型的IP地址。
4.每个符号化的地址都与特定的 IP 地址对应，这样网络上资源访问起来就比较容易的多，这个与网络上的数字型
IP地址相对应的字符型地址，就是域名。

域名的申请
  1. 准备申请资料
  2. 寻找域名注册网站
  3. 查询域名
  4. 正式申请
  5. 申请成功

例：申请查询重名给钱20-60块备案（阿里云）拍照（负责人拍照人） 10-20天申请之后就可以解析和用但是如果有问题会被封。

DNS解析的三种方式
1./etc/hosts

Hosts 文件是一个用于存储计算机网络中节点信息的文件，可以将主机名映射到相应的 IP 地址，实现 DNS 的功能，可以由计算机的用户进行修改控制。

vim /etc/hosts
127.0.0.1   localhost localhost.localdomain localhost4 localhost4.localdomain4
::1         localhost localhost.localdomain localhost6 localhost6.localdomain6
192.168.8.134 www.gkd.com
2…/etc/resolve.conf

DNS客户端配置文件，主要用于设置DNS服务器的iP和域名，还包含了主机域名的搜索顺序等等，
这个文件是由域名解析器(resolver，一个根据主机名解析IP地址的库）使用的配置文件。

vim resolv.conf 

# Generated by NetworkManager
search localdomain
nameserver 192.168.8.2
3.网卡中配置
vim /etc/sysconfig/network-scripts/ifcfg-ens33 
DNS1=114.114.114.114
DNS2=8.8.8.8

#生效顺序： hosts文件 > 网卡配置文件 > /etc/resolv.conf
网页的基本概念
网页
  • 纯文本格式文件
  • 编写语言为HTML
  • 再用户的浏览器中背编译成网页形式显示出来
网站

由一个个页面构成的，是多个网页的结合体

主页

网站打开的第一个页面称为网站主页

域名：浏览网页时输入的网址

HTTP

  • 用来传输网页的通信协议（是否加密），是一种通讯/交互的标准/规范

URL

  • 是一种万维网寻址系统

HTML

  • 用来编写网页的超文本标记语言

Web

web概述
  • Web（World Wide Web）即全球广域网，也称为万维网
  • 一种分布式图形信息系统
  • 建立在Internet上的一种网络服务
web1.0 和web2.0
Web1.0
  • 以编辑为特征，网站提供给用户的内容是编辑处理后的，然后用户阅读网站提供的内容
  • 这个过程是网站到用户的单向行为

Web2.0

  • 更注重用户的交互作用，用户既是网站内容的消费者（浏览者），也是网站内容的制造者
  • 加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与

web1.0 ： 只能访问网站 不能进行交互 静态页面 只能看 单向
静态网页内容相对稳定，容易被搜索引擎检索

web2.0 : 交互（论坛、淘宝） 动态页面

静态页面

静态网页是标准的HTML文件
扩展名是.htm .html

  • 例如文本、图像、声音、Flash动画、客户端脚本和Activex控件及Java小程序等

是网站建设的基础，早期网站一般都由静态网页制作

没有后台数据库、不含程序和不可交互的网页

相对更新起来比较麻烦，适用于一般更新较少的展示型网站

静态页面特点

每个静态网页都有一个固定的URL，且URL以.htm、.html、.shtml等常见形式为后缀，而不含有"?"
网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的
静态网页的内容相对稳定，容易被搜索引擎检索
静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制方式比较困难
静态网页的交互性较差，在功能方面有较大的限制
页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面

动态页面

动态页面定义
  • 网页URL不固定，能通过后台与用户交互
  • 在动态网页网址中有一个标志性的符号——“?”
  • 常用的语言有PHP、JSP、Python、Ruby等
动态网页的特点

交互性

  • 网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后wBB发展的大势所趋

自动更新

  • 无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量

因时因人而变

  • 当不同的时间，不同的人访问同一网址时会产生不同的页面
HTTP协议概述
HTTP协议简介
  1. HTTP（超文本传输协议HyperText TransferProtocol）协议是互联网上应用最为广泛的一种网络协议，它是基于TCP协议的应用层传输协议，简单来说就是客户端和服务端进行数据传输的一种规则。
  2. HTTP/HTTPS是应用层上的协议，建立在传输层TCP之上，客户端通过与服务端进行TCP连接(三次握手)，之后发送HTTP请求与接收HTTP响应都是通过访问Socket接口来调用TCP协议实现
  3. HTTP 是一种无状态 (stateless) 协议,HTTP协议本身不会对发送过的请求和相应的通信状态进行持久化处理（存储，保存）。这样做的目的是为了保持HTTP协议的简单性，从而能够快速处理大量的事务,提高效率。然而，在许多应用场景中，我们需要保持用户登录的状态或记录用户购物车中的商品。由于HTTP是无状态协议，所以必须引入一些技术来记录管理状态，例如Cookie。
  4. cookie和session都为了实现的是http的短期的持久化(内存/缓存方式，查询快、效率比较高)，cookie是缓存在用户端（client)浏览器中的（默认缓存一天），当下次客户端通过同一个浏览器访问客户端的时候，会优先读取cookie中的缓存信息，向服务端进行请求，同时服务端收到客户端请求的时候，读取到cookie文件，知道客户端之前找的是服务器A处理的任务，为了省事儿，省资源，干脆直接讲请求直接再交给服务器A处理。

两者对比:

cookie 省服务器性能，session 更安全

HTTP1.0和HTTP1.1之间的区别

缓存处理

在HTTP1.0中主要使用header里的If-Modified-Since,Expires来做为缓存判断的标准，HTTP1.1则引入了更多的缓存控制策略例如Entity tag，If-Unmodified-Since, If-Match, If-None-Match等更多可供选择的缓存头来控制缓存策略。

带宽优化及网络连接的使用

HTTP1.0中，存在一些浪费带宽的现象，例如客户端只是需要某个对象的一部分，而服务器却将整个对象送过来了，并且不支持断点续传功能，HTTP1.1则在请求头引入了range头域，它允许只请求资源的某个部分，即返回码是206（Partial Content），这样就方便了开发者自由的选择以便于充分利用带宽和连接

错误通知的管理

在HTTP1.1中新增了24个错误状态响应码，如409（Conflict）表示请求的资源与资源的当前状态发生冲突；410（Gone）表示服务器上的某个资源被永久性的删除

Host头处理

在HTTP1.0中认为每台服务器都绑定一个唯一的IP地址，因此，请求消息中的URL并没有传递主机名（hostname）。但随着虚拟主机技术的发展，在一台物理服务器上可以存在多个虚拟主机（Multi-homed Web Servers），并且它们共享一个IP地址。HTTP1.1的请求消息和响应消息都应支持Host头域，且请求消息中如果没有Host头域会报告一个错误（400 Bad Request）

长连接

HTTP 1.1支持长连接（PersistentConnection）和请求的流水线（Pipelining）处理，在一个TCP连接上可以传送多个HTTP请求和响应，减少了建立和关闭连接的消耗和延迟，在HTTP1.1中默认开启Connection： keep-alive，一定程度上弥补了HTTP1.0每次请求都要创建连接的缺点。

HTTP 请求格式( GET / POST 方式 )

HTTP 支持几种不同的请求命令，这些命令被称为 HTTP 方法，每条 HTTP 请求报文都包含一个方法，告诉服务器要执行什么动作，包括获取一个页面、允许一个网关程序、删除一个文件等。
其中，最常用的方法是 GET、POST，如下：

方法描述
GET请求获取request-url所标识的资源
PUT请求服务器存储一个资源，并用request-URL作为其标识
DELETE请求服务器删除request-URL所表示的资源
POST在request-URL所标识的资源后附加新的数据
HEAD请求获取由request-URL所标识的资源的响应消息报头

GET 方式

请求行

请求的方式

请求的资源路径

请求的版本协议号

请求头（描述信息/标准化信息）

Accept：客户端可以接受的数据类型

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

User-Agent：浏览器的信息

Accpect-Encoding：客户端可以接受的编码格式

Host：表示请求的ip和端口号

Connection：告诉服务器请求连接如何处理

Keep-Alive：通知服务器回传数据不要马上关闭，保持一小段的连接

Closed：马上关闭

POST 请求方式

请求行

请求的方式

请求的资源路径

请求的协议的版本号

请求头

Accept：客户端可以接受的数据类型

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

Referer：表示请求发起时，浏览器地址栏中的地址

User-Agent：浏览器的信息

Content-Type：发送的数据类型

Content-Length：发送的数据长度

请求体

就是发送给服务器的数据

GET 与POST 区别

GET方法POST方法
对数据长度的限制URL的长度是受限制的无限制
缓存能被缓存不能被缓存
安全性与POST相比，GET的安全性较差，因为所发送的数据是url的一部分，在发送密码或其他敏感信息时绝不要使用GETpost比get跟安全，因为参数不会被保存在浏览器历史或web服务器日志中
历史参数保留在浏览器历史中通过参数不会保存在浏览器历史中
后退按钮无害数据会被重新提交
书签可收藏为书签不可收藏为书签

区别一:语义上的区别

Get向服务器请求数据，依照HTTP协议，get 是用来请求数据。

Post向服务器发数据，依照HTTP协议，Post的语义是向服务器添加数据，也就是说按照Post的语

义，该操作是会修改服务器上的数据

区别二：服务器请求的区别

Get请求是可以被缓存，示例：访问百度，访问的方式就是GET，此时访问后的内容会缓被存在浏览器中，短时间再次访问，其实是拿到的浏览器中的缓存内容

另外Get请求只能接收ASCII码的回复

Post请求是不可以被缓存的。对于Post方式提交表单，刷新页面浏览器会弹出提示框“是否重新提交表单”，Post可以接收二进制等各种数据形式，所以如果要上传文件一般用Post请求

区别三:参数放请求头和请求体的差别

Get请求通常没有请求体（当然这也是可以由程序猿心情改变的），在TCP传输中只需传输一次（而不是一个包），
所以Get请求效率相对高。

Post请求将数据放在请求体中，而实际传输中，会先传输完请求头，再传输请求体，是分为两次传输的
（而不是两个包）。Post请求头会比Get更小（一般不带参数），请求头更容易在一个TCP包中完成传输，
更何况请求头中有Content-Length的标识，可以更好地保证Http包的完整性。
三次握手四次挥手

image-20220724153232145

SYN： Synchronize Sequence Numbers，同步序列编号，建立连接的信号。客户端在接受到 SYN 消息
时，就会在自己的段内生成一个随机值 X。

SYN-ACK：服务器收到 SYN 后，打开客户端连接，发送一个 SYN-ACK 作为答复。确认号设置为比接
收到的序列号多一个，即 X + 1，服务器为数据包选择的序列号是另一个随机数 Y。

ACK：Acknowledge character, 确认字符，表示发来的数据已确认接收无误。最后，客户端将 ACK 发送
给服务器。序列号被设置为所接收的确认值即 Y + 1。

FIN: 断开连接信号
  1. 第一次握手：PC1向PC2发送请求连接（同步已发送状态）
  2. 第二次握手：PC2收到PC1的请求连接的信息后，然后给PC1发送消息，表示自己已经收到了，并且同意连接。（同步收到）
  3. 第三次握手：PC1收到PC2的信息后，还要给PC2发消息确认自己已经收到了（已建立链接）
四次挥手

image-20220724153310609

第一次挥手：PC1发送FIN/ACK给PC2，表示自己要断开连接。（终止等待-1）
第二次挥手：PC2收到PC1请求断开连接的消息后，要发送ACK报文给PC1,表示确认自己收到了信息。（关闭等待）
第三次挥手：PC2也要发送FIN/ACK给PC1，表示自己要断开连接.（终止等待-1）
第四次握手：PC1收到PC2请求断开连接的消息后，也要发送ACK报文给PC1，然后断开连接。（时间等待）

为什么是三次握手，而不是二次？

为了实现可靠数据传输， TCP 协议的通信双方， 都必须维护一个序列号， 以标识发送出去的数据包中， 哪些是已经被对方收到的。 三次握手的过程即是通信双方相互告知序列号起始值， 并确认对方已经收到了序列号起始值的必经步骤
如果只是两次握手， 至多只有连接发起方的起始序列号能被确认， 另一方选择的序列号则得不到确认

为什么是四次断开？

因为当 Server 端收到 Client 端的 SYN连 接请求报文后，可以直接发送SYN+ACK报文。其中ACK报文是用来应答的，SYN报文是用来同步的。但是关闭连接时，当Server端收到FIN报文时，很可能并不会立即关闭SOCKET，所以只能先回复一个ACK报文，告诉Client端，“你发的FIN报文我收到了”。只有等到我Server端所有的报文都发送完了，我才能发送FIN报文，因此不能一起发送。故需要四步握手。

常见的状态返回码
状态码首位已定义范围分类
1xx100-101信息提示
2xx200-206成功
3xx300-305重定向
4xx400-415客户端错误
5xx500-505服务器错误

生产环境常见的HTTP状态码

消息描述
200 ok请求成功
301 moved permanently请求页面永久跳转
403 forbidden禁止访问该页面
404 not found服务器无法找到被请求的页面
500 internal server error内部服务器错误
502 bad gateway无效网关
503 service unavaliable当前服务不可用
504 gateway timeout网关请求超时

HTTP协议请求

工作原理

由HTTP客户端发起一个请求，建立一个到服务器指定端口（默认是80端口）的TCP连接。 连接
HTTP服务器则在那个端口监听客户端发送过来的请求。一旦收到请求， 请求
服务器（向客户端）发回一个状态行，比如"HTTP/1.1 200 OK"，和（响应的）消息，消息的消息体可能是请求的文件、错误消息、或者其它一些信息。 响应
nal server error | 内部服务器错误 |
| 502 bad gateway | 无效网关 |
| 503 service unavaliable | 当前服务不可用 |
| 504 gateway timeout | 网关请求超时 |

HTTP协议请求

工作原理

由HTTP客户端发起一个请求，建立一个到服务器指定端口（默认是80端口）的TCP连接。 连接
HTTP服务器则在那个端口监听客户端发送过来的请求。一旦收到请求， 请求
服务器（向客户端）发回一个状态行，比如"HTTP/1.1 200 OK"，和（响应的）消息，消息的消息体可能是请求的文件、错误消息、或者其它一些信息。 响应
客户端接收服务器所返回的信息通过浏览器显示在用户的显示屏上，然后客 http工作流程图 http工作流程图 户机与服务器断开连接。

修勾不修勾
关注
Web基础：HTTP协议基础
不怕猫的耗子A
03-24 2849
什么是HTTP协议 1、超文本传输协议(HTTP)是一种分布式、合作式超媒体信息系统，是互联网上应用最广泛的一种网络协议 2、超文本传输协议(HTTP)允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器(通过交换报文来完成网页请求和响应) 3、HTTP是一个应用层协议，由请求和响应构成，是一个标准的客户端服务器模型。HTTP是一种无状态的协议(同一个客户端的这次请求和上次...
HTTP协议的建立过程及其理解
Bigollo
01-25 1585
Browser/Server结构主要是利用了不断成熟的Web浏览器技术：结合浏览器的多种脚本语言和ActiveX技术，用通用浏览器实现原来需要复杂专用软件才能实现的强大功能，同时节约了开发成本。 B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件，只要有一台能上网的电脑就能使用，客户端零安装、零维护。系统的扩展非常容易。 大家在测试过程中经常会遇到例如首次部署后网页无法打开或者样...
Web服务器创建以及Http协议
就是有点怕怕的博客
02-12 314
1.创建Web服务器 // 引入系统模块http const http = require('http'); // 创建服务器 const sever = http.createServer(); // 当服务器接收到客户端的请求时触发 sever.on('request', (req, res) => { // 做出响应 res.end('welcome to web'); } //监...
第一篇 网站基础知识 第5章 自己动手实现HTTP协议
arthur1102的博客
08-01 210
第5章 自己动手实现HTTP协议 　　我们知道HTTP协议是在应用层解析内容的，只需要按照它的报文的格式封装和解析数据就可以了，具体的传输还是使用的Socket，在第4章NioServer的基础上自己做一个简单的实现了HTTP协议的例子。　　因为HTTP协议是在接收到数据之后才会用到的，所以我们只需要修改NioServer中的Handler就可以了，在修改后的HttpHandler中首...
HTTP2.0配置实战
02-04 3135
前些日子将自己的网站升级为HTTPS，这次再设置支持HTTP2.0。本篇文章不讲述HTTP2的具体原理，但关于HTTP的相关知识会简单讲述一下，关于HTTP2的详细内容可以参看HTTP2基础教程。 HTTP1 HTTP1的问题 队头阻塞 如果仅仅使用一个连接，它需要发起请求、等待响应，之后才能发起下一个请求。在请求应答过程中，如果出现任何状况，剩下所有的工作都会被阻塞在那次请求应答之后。这就是“队头阻塞”，它会阻碍网络传输和Web页面渲染，直至失去响应。为了防止这种问题，现代浏览器会针对单个域名开启6个
前端代码怎么获取本机ip发给后端_当前端面试碰到后端面试官会发生什么？这似乎是一次有意思的面试...
weixin_39654058的博客
12-01 545
前言金九银十，又是一年跑路季。9月中旬离职，在上周面试了有7家。其中一家是优居网，这次面试过程也是比较有趣的经历，因为面试官基本不问前端的问题，有被毒打到。后面才了解到面试官是全栈偏后端的。所以这篇分享对于前端面试可能用处不大，小伙伴就当是看个热闹拓展知识。一面浏览器输入url后会经历什么这题也是老经典题目了，相信不少小伙伴也看过相关的文章。大概过程是：DNS解析ip根据ip对服务器发送连接请求三...
HTTP-Web-Server.zip_C++ http web_HTTP 调试_WEB协议_web server
09-20
本项目“HTTP-Web-Server.zip”涉及C++语言实现一个简单的HTTP Web服务器，并进行了调试，旨在帮助我们理解HTTP协议的工作原理以及如何在实际编程中应用。 首先，我们需要了解HTTP的基本概念。HTTP是一种无状态、...
web测试之3.1http 协议详解
03-28
文件大小的限制，这次先上传部分http 协议详解。总的分六次上传 1.web系统基础 2.理解网络协议 3.http协议详解 4.web 前端分析 5.web 安全性测试 6.web 兼容性以及可用性测试
rfc4918.zip_http webserver_https 协议
09-14
标题中的"rfc4918.zip"可能指的是IETF（互联网工程任务组）发布的RFC 4918标准，这是一个关于WebDAV（Web分布式作者ing and Versioning）的文档，它扩展了HTTP协议，允许用户进行文件编辑、版本控制等操作。...
tomcat与web程序结构与Http协议与HttpUrlConnection.pdf
09-29
【标题】：“Tomcat与Web程序结构与Http协议与HttpUrlConnection.pdf” 【描述】：这份资料涵盖了Tomcat服务器的基础知识，包括其性质、安装配置、常见问题以及Web应用程序的结构。同时，还讨论了Http协议和Java中...
指定jmeter的http客户端协议版本为1.0
Theahe的博客
05-13 1655
jmeter.properties 配置文件 hc.parameters.file=hc.parameters —修改成有效，则http客户端相关配置走hc.parameters配置文件 hc.parameters 配置文件 http.protocol.version$HttpVersion=1.0 http.protocol.element-charset=ISO-8859-1 http.socket.timeout$Integer=10000 http.protocol.rej..
前端http协议总结
程聪明
04-02 216
1简单快速:url是固定的 2灵活:通过http协议可以完成不同数据类型传输 3无连接:连接一次就会断掉,不会保持连接 4无状态:客户端和服务端是两种身份,两种不会互相干扰
HTTP协议
最新发布
zyx22334的博客
03-10 1925
域名/IP端口号带层次的路径查询字符串url的路径url中的query stringheader中的键值对header中的cookie的键值对body先注册创建workspace新建一个标签页就可以随心所欲的创建http请求了这里的url,方法,设置键值对都是可以随心所欲的设置的.另外,body和header方面也是可以直接进行操控的:点击send:此时我们的请求的响应就此回来了.通过上述的操作我们就可以配置一个http请求.
HTTP协议详解（必看）
nieyayun2019的博客
09-13 4009
HTTP协议简介 超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信的基础。 HTTP的发展是由蒂姆·伯纳斯-李于1989年在欧洲核子研究组织（CERN）所发起。HTTP的标准制定由万维网协会（World Wide Web Consortium，W3C）和互联网工程任务组（Internet Engineering Task Force，IETF）进行协调，最终发布了一系列的RFC，其中
建立HTTP请求
陈开心的博客
10-20 1521
我时常在想40岁了我还能做什么，我还能给社会带来哪些价值，会还有老板需要我么，在时光面前大家都是公平的也是残酷的，时代永远在变，唯有不变的是要继续学习才能在将来有更多的机会。
如何搭建一个http-server本地服务
u014165391的博客
07-14 1578
http-server： 是一个简单的零配置的命令行http服务器：它足够强大便于生产和使用，用于本地测试和开发。有时候我们打开一个文档使用协议打开的时候，不能发送请求，只能使用协议才能请求资源，所以此时我们需要在本地建立一个http服务，通过加端口号，来访问资源。请参考：浅谈FIle协议与Http协议及区别 - 如是说 - 博客园需要先安装Node，后面所有文件夹路径都可以使用http-server进行启动； 开启服务 通过命令行进行目标文件夹，输入如下命令：http-server, 本地服务
HTTP协议简单解释
热门推荐
一个菜鸟的博客
03-21 12万+
#1、简单的HTTP协议 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写。HTTP 协议和 TCP/IP 协议族内的其他众多的协议相同， 用于客户端和服务器之间的通信。请求访问文本或图像等资源的一端称为客户端， 而提供资源响应的一端称为服务器端。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4G5InmmX-1670146185875)(//img-blog.csdn.net/20180321104418441?waterma
自制Web服务器与HTTP协议解析
通过实例代码解析了“退出”按钮在Web服务器程序中的事件处理，同时讲解了HTTP协议的基本原理和工作流程，包括万维网的工作过程，以及HTTP请求和响应的机制。 在HTTP编程中，"退出"按钮的事件代码展示了如何优雅地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值