网络通信编程学习笔记（六）:socket编程实战
目录
- 一、wireshark抓包分析TCP协议
-
- 1.1、TCP协议的连接与断开简介
- 1.2、用wireshark抓取使用TCP协议传输的握手包
- 二、用Teardrop代码编写一个假包，并抓取
-
- 2.1、新建文件
- 2.2、用wireshark抓包验证
- 三、SOCKET应用实例
- 四、简单web网站
-
- 1.完成一个静态网页
一、wireshark抓包分析TCP协议
1.1、TCP协议的连接与断开简介
TCP协议存在于计算机网络分层中的传输层，
用TCP协议建立连接，需要客户机与服务机进行三次确认通讯即“三次握手”
-
第一次握手:
客户端发送一个TCP的SYN标志位置1的包指明客户打算连接的服务器的端口，以及初始序号X,保存在包头的序列号(Sequence Number)字段里。 -
第二次握手:
服务器发回确认包(ACK)应答。即SYN标志位和ACK标志位均为1同时，将确认序号(Acknowledgement Number)设置为客户的I S N加1以.即X+1。 -
第三次握手.
客户端再次发送确认包(ACK) SYN标志位为0,ACK标志位为1.并且把服务器发来ACK的序号字段+1,放在确定字段中发送给对方.并且在数据段放写ISN的+1
在三次握手完成后，客户机与服务机就建立了比较可靠的连接
简单图示如下：
第一次握手：客户 → 服务器（ACK = 0 ，SYN = 1）
第二次握手：服务器 → 客户（ACK = 1 ，SYN = 1）
第三次握手：客户 → 服务器（ACK = 1 ，SYN = 0）
同样的，在断开连接时，TCP协议也要进行四次确认通讯“四次挥手”
- 第一次挥手： Client端发起挥手请求，向Server端发送标志位是FIN报文段，设置序列号seq，此时，Client端进入FIN_WAIT_1状态，这表示Client端没有数据要发送给Server端了。
- 第二次分手：Server端收到了Client端发送的FIN报文段，向Client端返回一个标志位是ACK的报文段，ack设为seq加1，Client端进入FIN_WAIT_2状态，Server端告诉Client端，我确认并同意你的关闭请求。
- 第三次分手： Server端向Client端发送标志位是FIN的报文段，请求关闭连接，同时Client端进入LAST_ACK状态。
- 第四次分手 ： Client端收到Server端发送的FIN报文段，向Server端发送标志位是ACK的报文段，然后Client端进入TIME_WAIT状态。Server端收到Client端的ACK报文段以后，就关闭连接。此时，Client端等待2MSL的时间后依然没有收到回复，则证明Server端已正常关闭，那好，Client端也可以关闭连接了。
图示：
TCP标志位
每个TCP段都有一个目的，这是借助于TCP标志位选项来确定的，允许发送方或接收方指定哪些标志应该被使用，以便段被另一端正确处理。
用的最广泛的标志是 SYN，ACK 和 FIN，用于建立连接，确认成功的段传输，最后终止连接。
- SYN：简写为S，同步标志位，用于建立会话连接，同步序列号；
- ACK： 简写为.，确认标志位，对已接收的数据包进行确认；
- FIN： 简写为F，完成标志位，表示我已经没有数据要发送了，即将关闭连接；
- PSH：简写为P，推送标志位，表示该数据包被对方接收后应立即交给上层应用，而不在缓冲区排队；
- RST：简写为R，重置标志位，用于连接复位、拒绝错误和非法的数据包；
- URG：简写为U，紧急标志位，表示数据包的紧急指针域有效，用来保证连接不被阻断，并督促中间设备尽快处理；
1.2、用wireshark抓取使用TCP协议传输的握手包
在上一篇文章中网络通信编程学习笔记（五），编写了一个文字网游的客户端，这个游戏服务器是搭建在学校内网中的，我们就用这个网游来进行验证
期望结果如下：
- 握手连接：
- 第一次握手：客户 → 服务器（ACK = 0 ，SYN = 1）
- 第二次握手：服务器 → 客户（ACK = 1 ，SYN = 1）
- 第三次握手：客户 → 服务器（ACK = 1 ，SYN = 0）
第一次握手
第二次握手
第三次握手
- 挥手断开：
- 第一次挥手：客户 → 服务器（ACK = 1 ，FIN = 1）
- 第二次挥手：服务器 → 客户（ACK = 1 ，FIN = 0）
- 第三次挥手：服务器 → 客户（ACK = 1 ，FIN = 1）
- 第四次挥手：客户 → 服务器（ACK = 1 ，FIN = 0）
第一次挥手
第二次挥手
第三次挥手
第四次挥手
二、用Teardrop代码编写一个假包，并抓取
2.1、新建文件
#include 2.2、用wireshark抓包验证
三、SOCKET应用实例
四、简单web网站
1.完成一个静态网页
参考学习网站棋歌的教学网站
这是我做的一个简易的web网页，点忠县则会跳转到我基于MDBootstrap框架的另一个网页。
<html lang="en">
<head>
<meta charset="UTF-8">
<title>主页title>
<style>
body{
/*边界看宽度默认为8,在这里初始值设为零*/
margin: 0;
font-family: 楷体;
}
nav{
width: 100%;
height: 64px;
position: fixed;
top: 0;
background-color: white;
z-index: 1000;
}
/*找到nav标签下 div标签后代选择器 ，可以找到nav下的所有的div标签*/
nav div{
width: 1000px;
height: 64px;
/*块元素居中*/
margin:0 auto;
}
#logo{
width: 216px;
/*相对定位,位置微调*/
position: relative;
top: 7px;
left: 15px;
}
ul{
float: right;
margin: 0;
/*左内边距设为零*/
padding-left: 0;
}
li{
float: left;
/*设置列表项的前缀为none*/
list-style: none;
margin-right: 30px;
}
li a{
line-height: 64px;
/*去除超链接下划线*/
text-decoration: none;
color: black;
}
li a:hover{
color: brown;
}
#header{
/*图片宽度设为100%*/
width: 100%;
}
main {
width: 1000px;
margin:0 auto;
}
/*只找到父子关系的标签找到section下img标签，不会找到孙级标签*/
section > img {
width: 1000px;
}
p {
color: brown;
/*文本首行缩进2个字符*/
text-indent: 2em;
}
h2 {
color: brown;
}
#myclassmate {
width: 1000px;
height: 630px;
background-image: url('personage/classmates.jpg');
background-size: 1000px 630px;
/*relative 相对的 相对定位 */
/*1. 相对自己原来的位置做位置的微调
2.让该标签下的子标签做绝对定位时，以该标签为参考物调整，而不再是以浏览器边框为参考物*/
position: relative;
}
#myclassmate img{
border:2px white solid;
border-radius: 50%;
/*absolute1.绝对定位的元素会被浮起来，原来的位置会被后面的元素侵占*/
position: absolute;
}
/*找到div下的第1个子标签*/
#myclassmate img:nth-child(1){
width: 200px;
top: 100px;
left: 100px;
}
/*找到div下的第2个子标签*/
#myclassmate img:nth-child(2){
width: 270px;
top: 260px;
left: 360px;
}
/*找到div下的第3个子标签*/
#myclassmate img:nth-child(3){
width: 230px;
top: 100px;
right: 60px;
}
style>
head>
<body>
<nav>
<div>
<img id="logo" src="logo-public.png" alt="英雄联盟">
<ul>
<li><a href="#header">首页a>li>
<li><a href="#jineng">技能介绍a>li>
<li><a href="#jiqiao">使用技巧a>li>
<li><a href="#fuwen">符文推荐a>li>
<li><a href="#yujian">玉剑传说a>li>
<li><a href="#cankao">参考a>li>
ul>
div>
nav>
<img id="header" src="daomei.jpg" alt="艾瑞莉娅">
<main>
<p>“诺克萨斯对艾欧尼亚的占领催生了许多英雄，但没有谁像纳沃利的艾瑞莉娅一般令人意外。她将家乡的古老舞艺化为战技，以精心修习的优雅身姿操控着致命的刀丛。在她证明了自己的战斗实力后，被众人推举为反抗军的领袖和首脑，为了守卫家园而奋斗至今。”p>
<section id="jineng">
<img src="jineng.png" alt="jineng.png">
<p>“熟悉技能能够让你更完美的carry全场。”p>
section>
<section id="jiqiao">
<h2>使用技巧h2>
<img src="jiqiao.png" alt="jiqiao.png">
<p>技巧非常重要。p>
section>
<section id="fuwen">
<h2>符文推荐h2>
<img src="fuwen.png" alt="fuwen.png">
<p>好的符文能够让你打出更大的优势。p>
section>
<section id="yujian">
<h2>玉剑传说h2>
<div id="yujian">
<img src="yujian.jpg" alt="yujian.jpg">
div>
<p>“最帅的一款皮肤。”p>
section>
<section id="cankao">
<h2>参考h2>
<div id="yujian">
<p>“想要了解更多麻烦请参考。”p>
<a href="https://lol.qq.com/main.shtml" target="_blank">英雄联盟a>
div>
section>
<a href="https://cqjtu.online/215351d9d18e4c2d9754f3182189bcb7/%E2%95%AC%CE%93%E2%95%A1%E2%95%A7/" target="_blank">忠县a>
main>
<hr>
body>