Web相关知识（草稿）

目录

[1、Web 概念](#1、Web 概念)

[1.1 Web 的基本概念](#1.1 Web 的基本概念)

特点

[1.2 B/S 架构模型](#1.2 B/S 架构模型)

[1.3 Web 请求与响应过程](#1.3 Web 请求与响应过程)

[1.4 静态资源与动态资源](#1.4 静态资源与动态资源)

[1.5 Web 的发展阶段](#1.5 Web 的发展阶段)

[1.6 实验：搭建最小 Web 服务](#1.6 实验：搭建最小 Web 服务)

实验目标：

[实验步骤 ： ？](#实验步骤 ： ？)

[1.7 小结](#1.7 小结)

[2、HTTP 与 HTTPS 协议](#2、HTTP 与 HTTPS 协议)

[2.1 http与https区别](#2.1 http与https区别)

[2.3 HTTP状态码](#2.3 HTTP状态码)

[2.3.1 HTTP 状态码概览](#2.3.1 HTTP 状态码概览)

[2.3.2 常用状态码详解](#2.3.2 常用状态码详解)

---

1、Web 概念

1.1 Web 的基本概念

Web（World Wide Web，万维网）是运行在互联网之上的一个 超文本信息系统 ，它依赖于 HTTP/HTTPS 协议 实现

特点

分布式：资源分布在世界各地的服务器上。

跨平台：只要有浏览器，就能访问资源。

无状态：每次 HTTP 请求都是独立的，服务器不会记住客户端状态（除非使用Cookie/Session）。

1.2 B/S 架构模型

Web 采用 B/S 架构（Browser/Server）：

Browser（浏览器）：用户的入口，发送请求、渲染页面。

Server（服务器）：接收请求，返回所需资源或动态内容。

1.3 Web 请求与响应过程

一次完整的 Web 访问过程包括以下步骤：

输入 URL ：用户在浏览器输入 http://www.example.com。

DNS 解析：浏览器将域名解析为 IP 地址。

建立连接：浏览器与 Web 服务器建立 TCP 连接（3 次握手）。

发送请求：浏览器发起 HTTP 请求（GET/POST）。

服务器处理：

Web 服务器处理静态资源请求

动态请求转发到应用服务器（如 Tomcat、Django）

应用服务器可能再查询数据库

返回响应：Web 服务器将结果打包成 HTTP 响应报文返回浏览器。

渲染页面：浏览器解析 HTML、加载 CSS/JS、渲染最终页面。

1.4 静态资源与动态资源

静态资源：不需要服务器额外处理，直接返回即可。

HTML、CSS、图片、视频、JS 文件优点：速度快，压力小

动态资源：需要服务器端代码计算生成，再返回客户端。

1.5 Web 的发展阶段

Web 1.0（只读）：静态页面为主，用户只能浏览。

Web 2.0（交互式）：用户可生成内容，AJAX(前端) 技术普及。

Web 3.0（智能化）：语义网、区块链、去中心化概念兴起。

1.6 实验：搭建最小 Web 服务

注意后面安装nginx之后再创建一个静态页面

实验目标：

体验一次最简单的 Web 请求与响应过程 Wireshark 并且抓包。

实验步骤 ： ？

1.7 小结

Web 是基于 B/S 架构 的信息交互方式。

核心是 请求-响应模型，通过 HTTP/HTTPS 协议传输数据。

Web 可提供 静态资源 和 动态资源。

2、HTTP 与 HTTPS 协议

2.1 http与https区别

HTTP：明文传输，不安全。

HTTPS：在 HTTP 上加入 SSL/TLS 加密，防止中间人攻击。

TLS 握手过程（建立安全通道）

流程：

客户端 Hello

浏览器发起请求，告诉服务器自己支持哪些加密算法。

服务端 Hello + 证书

网站返回 SSL 证书（证明身份），选择一种加密算法。

客户端验证证书

浏览器检查证书是否可信（CA 颁发、没过期、域名匹配）。

协商密钥

双方生成一个临时密钥，用于对称加密后续通信。

加密通信开始

后续 HTTP 数据都通过加密通道传输。

2.3 HTTP状态码

2.3.1 HTTP 状态码概览

HTTP 状态码都是 三位数字，按首位分为五类：

类型	范围	含义	大白话理解
1xx	100--199	信息性状态码	"我收到了请求，还在处理中"
2xx	200--299	成功	"请求成功，服务器给你东西了"
3xx	300--399	重定向	"你要的东西搬家了，去新地址找"
4xx	400--499	客户端错误	"你请求有问题（URL错、权限不够）"
5xx	500--599	服务器错误	"服务器出问题，暂时拿不到东西"

2.3.2 常用状态码详解

2xx 成功

状态码	含义	类比
200 OK	请求成功	"东西拿到了"
201 Created	创建成功	"你提交的表单/资源已创建"
204 No Content	成功，但没有内容	"操作成功，但没有额外东西返回"

3xx 重定向

状态码	含义	类比
301 Moved Permanently	永久搬家	"这个页面永久换地址了"
302 Found	临时搬家	"暂时换地址，下一次还用旧地址"
304 Not Modified	内容未改	"东西没变，你可以用缓存"

4xx 客户端错误

状态码	含义	类比
400 Bad Request	请求格式错	"你写的请求我看不懂"
401 Unauthorized	未认证	"先登录，再访问"
403 Forbidden	禁止访问	"你没权限"
404 Not Found	找不到页面	"东西搬走或根本没这东西"

5xx 服务器错误

状态码	含义	类比
500 Internal Server Error	服务器内部出错	"服务器崩了"
502 Bad Gateway	网关错误	"我去找别的服务器，结果那边挂了"
503 Service Unavailable	服务不可用	"服务器忙不过来了，稍后再试"
504 Gateway Timeout	网关超时	"找别的服务器太慢，超时了"

生活中的 HTTP 状态码类比

场景	状态码	对应情况
打开网页正常	200	成功拿到网页
点链接页面搬家	301/302	浏览器自动跳到新地址
输入错网址	404	"没找到这个页面"
登录需要权限	401	"先登录才能看"
网站挂了	500	"服务器出问题了"