HTTP：搭建HTTP实验环境

深藏阁楼爱情的钟 2022-08-28 02:51 163阅读 0赞

# 目标 #

搭建一个“最小化”的环境，在这个环境里仅有 HTTP 协议的两个端点：请求方和应答方  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_18_color_FFFFFF_t_70_g_se_x_16]

# 需要用到的软件 #

## Wireshark ##

*  Wireshark是著名的网络抓包工具，**能够截获在 TCP/IP 协议栈中传输的所有流量**，并按协议类型、地址、端口等任意过滤，功能非常强大，是学习网络协议的必备工具。
 *  它就像是网络世界里的一台“高速摄像机”，把只在一瞬间发生的网络传输过程如实地“拍摄”下来，事后再“慢速回放”，让我们能够静下心来仔细地分析那一瞬到底发生了什么。

注：除了Wireshark，还有一个专门抓HTTP包的fiddler

## Chrome ##

*  Chrome是 Google 开发的浏览器，是目前的主流浏览器之一。它不仅上网方便，也是个很好的调试器，对 HTTP/1.1、HTTPS、HTTP/2、QUIC 等的协议都支持得非常好，用F12 打开“开发者工具”还可以非常详细地观测 HTTP 传输全过程的各种数据。
 *  与 Wireshark 不同，Chrome 属于“事后诸葛亮”，不能观测 HTTP 传输的过程，只能看到结果。
 *  我们选择 Chrome 浏览器作为 HTTP 协议中的 user agent；

## Telnet ##

*  telnet是一个命令行工具，基于TCP协议远程登录主机
 *  我们可以使用它来模拟浏览器的行为，连接服务器之后手动发送HTTP请求，把浏览器的干扰也彻底排除，能够从最原始的层面去研究HTTP协议

## OpenResty ##

*  OpenResty作为 Web 服务器
 *  它是基于 Nginx 的一个“强化包”，里面除了 Nginx 还有一大堆有用的功能模块，不仅支持 HTTP/HTTPS，还特别集成了脚本语言 Lua 简化 Nginx二次开发，方便快速地搭建动态网关，更能够当成应用容器来编写业务逻辑。

# 开始 #

> 当前操作环境为windows10

*  可以git clone [http\_study][http_study]或者直接下载[Release压缩包][Release]，然后解压：

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_11_color_FFFFFF_t_70_g_se_x_16]

*  WireShark 的安装比较简单，一路按“下一步”就可以了。版本方面使用最新的就好

> 我打赌很多人抓不到包，找不到本地回环地址(Npcap loopback Adapter”)，不知道最新版的wireshark是否修复了这个问题，如果出现以上问题，记得卸载重装wireshark，不要勾选它自带的ncap应该是这个名字，然后自己去单独下一个这个软件

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_13_color_FFFFFF_t_70_g_se_x_16]

> [npcap][]是一个网络数据包抓包工具，是WinPcap的改进版；它支持NDIS 6技术、“只允许管理员Administrator”访问Npcap、与WinPcap兼容或并存两种模式；支持Windows平台的回环数据包采集和发送。  
> 必须安装，否则会出现错误：  
> ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_17_color_FFFFFF_t_70_g_se_x_16]

*  Windows 10 自带 Telnet，不需要安装，但默认是不启用的，需要你稍微设置一下：打开 Windows 的设置窗口，搜索“Telnet”，就会找到“启用或关闭 Windows 功能”，在这个窗口里找到“Telnet 客户端”，打上对钩就可以了

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_12_color_FFFFFF_t_70_g_se_x_16]

*  安装 OpenResty
    
     *  去它的[官网][Link 1]，点击左边栏的“Download”，进入下载页面，下载适合你系统的版本
     *  然后要注意，你必须把 OpenResty 的压缩包解压到刚才的压缩包“F:\\source\\http\_study-1.0.3”目录里，并改名为“openresty”。  
        ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_20_color_FFFFFF_t_70_g_se_x_16]  
        ![在这里插入图片描述][3b9b748d917145f2be6c4587985dc87c.png]
 *  安装完成后，为了能够让浏览器能够使用DNS域名访问我们的实验环境，还要改一下本机的hosts文件，位置“C:\\WINDOWS\\system32\\drivers\\etc”，在里面添加三行本机 IP 地址到测试域名的映射，你也可以参考 GitHub 项目里的 hosts 文件，这就相当于在一台物理实机上“托管”了三个虚拟主机。

# C:\WINDOWS\system32\drivers\etc
    127.0.0.1       www.chrono.com
    127.0.0.1   	www.metroid.net
    127.0.0.1   	origin.io

到这里，我们的安装工作就完成了！之后你就可以用 Wireshark、Chrome、Telnet 在这个环境里随意“折腾”，弄坏了也不要紧，只要把目录删除，再来一遍操作就能复原。

# 测试验证 #

实验环境搭建完了，但还需要把它运行起来，做一个简单的测试验证，看是否运转正常。

首先我们要启动 Web 服务器，也就是 OpenResty。

在 http\_study 的“www”目录下有四个批处理文件，分别是：

*  start：启动 OpenResty 服务器；
 *  stop：停止 OpenResty 服务器；
 *  reload：重启 OpenResty 服务器；
 *  list：列出已经启动的 OpenResty 服务器进程。  
    ![在这里插入图片描述][b1ea16a6b5b64284ba512fb10b9a94de.png]  
    使用鼠标双击“start”批处理文件，就会启动 OpenResty 服务器在后台运行，这个过程可能会有 Windows 防火墙的警告，选择“允许”即可。

运行后，鼠标双击“list”可以查看 OpenResty 是否已经正常启动，应该会有两个nginx.exe 的后台进程，大概是下图的样子。  
![在这里插入图片描述][f84190a611464fd39c5c93c904a350e6.png]

> 如果无法启动openresty，最大的可能就是端口80或者443被占用了（比如安装了vmware），先看“www/logs”里的错误日志，然后再命令行中用`netstat -aon | findstr :443`找到占用的进程或者服务，手动停止即可  
> ![在这里插入图片描述][06844dcbae4f4df281845aa72f6bbc90.png]

有了 Web 服务器后，接下来我们要运行 Wireshark，开始抓包。

*  因为我们的实验环境运行在本机的 127.0.0.1 上，也就是 loopback“环回”地址。
 *  所以，在 Wireshark 里要选择“Npcap loopback Adapter”，过滤器选择“HTTP TCP port(80)”，即只抓取 HTTP 相关的数据包。鼠标双击开始界面里的“Npcap loopback Adapter”即可开始抓取本机上的网络数据。

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_13_color_FFFFFF_t_70_g_se_x_16 1]

然后我们打开 Chrome，在地址栏输入 http://localhost/，访问刚才启动的  
OpenResty 服务器，就会看到一个简单的欢迎界面，如下图所示。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_20_color_FFFFFF_t_70_g_se_x_16 1]  
这时再回头去看 Wireshark，应该会显示已经抓到了一些数据，就可以用鼠标点击工具栏  
里的“停止捕获”按钮告诉 Wireshark“到此为止”，不再继续抓包。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_20_color_FFFFFF_t_70_g_se_x_16 2]

如果你能够在自己的电脑上走到这一步，就说明“最小化”的实验环境已经搭建成功了，不要忘了实验结束后运行批处理“stop”停止 OpenResty 服务器。

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_18_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/21090380799c4e3d8e7fe16d9ad2ba61.png
[http_study]: https://github.com/chronolaw/http_study.git
[Release]: https://github.com/chronolaw/http_study/releases
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_11_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/de0cc3ad003d46848d5123e400257117.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_13_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/33858caffd204520a468699b0f4ffafa.png
[npcap]: https://nmap.org/download.html
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_17_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/f19135e6c09c40bdb2f3489656628405.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_12_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/42070185d9a14eb89a3dc19c78c0e045.png
[Link 1]: http://openresty.org/
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/98516fb4239e40b9a7cce99cd8ef1217.png
[3b9b748d917145f2be6c4587985dc87c.png]: /images/20220828/960b05f8fb4f47feb8ca9d7e3e85c916.png
[b1ea16a6b5b64284ba512fb10b9a94de.png]: /images/20220828/7384f72dcb4c4d1396e0552a3c62b0c1.png
[f84190a611464fd39c5c93c904a350e6.png]: /images/20220828/0ea5f16d00f6470ba0e0e037ef018047.png
[06844dcbae4f4df281845aa72f6bbc90.png]: /images/20220828/440fcb82915c4b15832739f73983f16c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_13_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/3c1ab4572ce84510acc06d441d867c77.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/99489dda62b145aa90ca87b428c9c114.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAT2NlYW4mJlN0YXI_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/9bcbf84869864c149ece1fe8f980c4cf.png