文章目录
挑战
说明
任务
总结
1、挑战
现在很多公司都采用了前后端分离的开发模式，这样可以让后端工程师更专注于业务，让前端工程师更专注于页面美观和用户交互。不过这样也加大了团队协作的难度，因为如果某一天页面突然无法访问了，该怎么确定到底是前端页面的问题还是后端服务器的问题呢？又或者现在不知道客户端发送了什么请求，提交了哪些数据，但工程师又需要去解析这些数据的时候，该怎么办呢？
2、说明
BAT、TMD等一二线大厂都是互联网公司，如果希望进这样的。企业做软件开发，TCP/IP、HTTP和Socket通信等网络相关协议、技术，就是必须牢牢掌握的核心知识，这也是C1阶段的计算机通识模块之二。后续C4/C5中的所有开发技术，也会高频用到这些网络基础知识。本任务通过网络抓包工具，让学习者以最直接的方式近距离「观察」网络究竟长什么样子
任务详解：（https://mp.weixin.qq.com/s/B6oiVw-D7slsdrvpguJzag)
3、任务
任务一、网络数据抓包
任务综合?
1、首先，访问网址：http://temp.blog8090.com/，提交手机号、姓名，在浏览器返回的信息中，得到下一步任务的「暗号」。
2、其次，通过抓包工具查看浏览器提交给服务器的字段和数据。
?1、所需工具
(1)、fiddler
(2)、postman
工具介绍：
（1）fiddler:fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网之间的http通讯，设置断点，查看所有的“进出”Fiddler的数据（指cookie,html,js,css等文件）。 Fiddler 要比其他的网络调试器要更加简单，因为它不仅仅暴露http通讯还提供了一个用户友好的格式。
（2）postman:postman是Chrome的一款插件。可以用来模拟http的请求，如get或者post或者其他方式的请求来调试接口。开发同学调试接口和测试同学做接口测试经常使用。
注意：postman中get和post的区别：
① 长度:get有长度限制，post没有长度限制。
② 安全性:get通常是将参数显示在url地址中，可以被看见，不是那么安全；而post是将参数写入body中，不能被看见，更安全。
③ 作用:get通常作用于从数据库中读取数据；而post则是将数据提交/更新于数据库中。postman附加说明：
?2、任务过程
1、首先，访问网址：http://temp.blog8090.com/，提交手机号、姓名，在浏览器返回的信息中，得到下一步任务的「暗号」。
?暗号：
?2、其次，通过抓包工具查看浏览器提交给服务器的字段和数据。
打开fiddler,通过fiddler对上述操作进行抓包
?在fiddler中找到暗号网址
点击它，然后选择WebForms和JSON选项，得到暗号：今晚打老虎
然后打开postman,输入暗号网址：http://obs.exam.blog8090.com/casual/login,然后选择post方式，再依次选择dody,form-date，写入关键字phone、username和kouling(这里是出题人固定好的），并且在value中输入对应的值（就是上面的手机号、姓名和暗号），最后发送就得到浏览器的反馈：wow,nice!就完成该任务。
任务二：用模拟器收发信息
任务综合
1、在code.org上完成互联网模拟器的系列任务（https://studio.code.org/s/netsim)。
2、如果已经注册账号则无需再注册。
提示：此任务需小组内部协作才能完成。
3、理解点对点、广播及路由等不同的消息发送方式。
4、理解这些不同通讯方式及其相关网络协议的概念。
1、注册账号及创建小组
（1）、先注册一个老师账号，再注册一个学生账号。?再账户设置里切换老师和学生的身份。
?（2）、用老师的账户在我的控制面板中创建小组且选择以个人登录方式登录。
?
?
?（3）、创建好小组后让学生加入小组，学生账号需要通过口令来加入小组，我们切换到学生账号来加入小组。
（4）、加入小组后我们进入互联网模拟器https://studio.code.org/s/netsim?，使用老师账号登录并开始启动任务，这里我们最好同时打开两个网页，一个用于老师账号，一个用于学生账号（但容易同步网站账户）。
?（5）、老师账号启动任务后，学生账号加入，选择的任务是课程6。
?（6）、然后对应老师的1.8，发送数据hi过去。
?
然后老师端也收到了数据，数据如下：
?
?（7）、任务完成。
?4、总结
该任务需要我们掌握TCP/IP、HTTP和Socket通信等网络相关协议、技术等，就是必须牢牢掌握的核心知识。同时我们也要认真进行每一步。以上就是这篇博客的全部内容。
?
?
?