HTTP 配置与应用（局域网）

万维网（World Wide Web，WWW）：在因特网上的一个分布式应用，利用网页之间的超链接将不同网站的网页链接成一张逻辑上的信息网。
统一资源定位符(uniform resource locator, URL)：指明因特网上任何种类"资源"的位置。其格式为 < 协议 > ://< 主机 >:< 端口 >/< 路径 >
万维网文档：HTML、CSS、JavaScript 等
HTTP 协议：定义了浏览器怎样向万维网服务器请求万维网文档，以及万维网服务器怎样把万维网文档传送给浏览器。
浏览器访问服务器方式有两种：
（1）非持续连接：每次浏览器要请求一个文件都要与服务器建立 TCP 连接，当收到响应后就立即关闭连接。如 HTTP/1.0 采用非持续连接方式，每请求一个文档就要有两倍的 RTT 的开销。若一个网页上有多个引用对象，请求每一个对象都需要花费 2RTT 的时间。
（2）持续连接：浏览器与服务器建立 TCP 连接后会一直持续，客户可以连续在这个连接上持续请求，服务器持续响应。HTTP/1.1 采用的持续连接方式动态 NAT 可以对封装任何类型报文的 IP 分组进行 NAT 操作。

二、实验步骤

1.场景描述

若需要完成一个 html 网页文档，并配置在服务器上供终端访问。请编写简单的万维网文档，设计网络拓扑并完成配置，实现外网终端利用 URL 进行资源请求，观察 HTTP 的基本工作过程。

2.构建网络拓扑

如下图所示网络拓扑结构放置和连接设备，该网络拓扑结构由1台Client服务器、1台Server客服端、1 台LSW交换机和1台PC主机组成实验拓扑结构设计。启动 eNSP。

3.配置客户端、服务器等网络设备网络参数配置

Client1 的 IP 地址为 192.168.31.1，Server1 的 IP 地址为 192.168.31.2，PC1 的 IP 地址为 192.168.31.3，子网掩码为 255.255.255.0，如图所示。

测试 Client1 与 Server1 的网络连通性

在 Client1 的基础配置 PING 测试中输入 Server1 的 IP 地址 192.168.31.2，次数为 3，点击发送，如图所示，在本机状态中显示 ping 成功：3，证明 Client1 与 Server1 的网络连通性正常。

4.编写万维网文档

在vscode编写一个index..html文档，具体代码如下图所示。

html 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>计算机网络网络实践课</title>
</head>
<body>
 <h1> HTTP 配置与应用</h1>
 <p>简单的网页访问</p>
 <a href="https://www.example.com">点击这里访问我的主页</a>
</body>
</html>

5.万维网文档导入服务器

双击 Server1,选择"服务器信息"选项，选择"HTTPServer"，然后在配置区域，点击右侧按钮定位index.html 目录，最后启动 80 端口，如下图所示。

6.客户端访问HTTP服务器并观察HTTP工作过程

客户端访问 HTTP 服务器：
双击 Client1，选择"客户端信息"选项，选择"HttpClient"，在地址栏中输入服务器 IP 地址，点击"获取"按钮，如图所示说明访问成功。

观察 HTTP 工作过程：
分别打开客户端 Client1 和服务器 Server1 的日志信息，就能观察到观察 HTTP 的基本工作过程，如图所示。HTTP 工作过程：首先客户端向服务器发送请求，服务器接收到请求后进行处理，最后服务器把响应返回给客户端。

测试 PC1 与 Web 服务器的连通性
在主机 PC1 的命令行输入 ping 192.168.31.2 实现测试 PC1 与 Web 服务器的连通性，如图所示，说明了PC1 与 Web 服务器的连通性正常。

观察 PC1 访问 Web 服务器过程数据抓包，如图所示。

总结

我们做实验的时候一定要确认接口，接口号一定要确认，可以和我的接口号不一样，但是一定要一直按自己的接口号来连接配置^-*

名言时刻：‌持之以恒，水滴石穿，展现坚持的力量。*^*