前序
最近刚到新的公司了，熟悉下环境，立马就要开始完成需求coding了。。比较坑的是，代码完全不熟悉的情况下，给个需求涉及到十几个模块了，都要改，郁闷。其中刚好有一个模块是web地图的，根据代码查看发现是通过WebSocket和flash进行实现的。 比较坑的是，我这边看不到websocket服务端代码的，只有客户端，然而客户端代码大部分都是写在JavaScript中的，刚开始还不太熟悉那个，连发送请求的数据是什么都不知道，无奈只好想到抓包了。
过滤
只要说到抓包，肯定是离开不了Wireshark的，堪称网络工程师的神器啊，基本的使用起来比较简单。当然了要深入实践也不容易，主要是要经常有使用的场景。这也算是我第一次通过这个工具帮助完成工作任务吧。 好了，废话不多说，去官网安装最新版。 过滤条件为websocket： 
这样就可以过滤掉其他大量的干扰数据包，只查看使用websocket协议的数据包。
查看数据包
根据上图，第一条就是发送请求的数据包了，第二条是服务端响应的数据。
请求数据
继续查看下面数据包的详细信息： 最下面那行就是我们发送请求的数据了，可以看到就是一串JSON数据，如果是二进制的话就没办法查看了。
响应数据
再看一下服务器端响应的数据： 这里我们就知道了，大部分逻辑都是在websocket服务器端进行处理的，因此要完成这个功能需求就必须要修改websocket服务器端代码了。因为这个模块是一个比较关键的地方，而我才刚到这边来，老大也不会放心直接让我动那块的，因此只好跟他说一下这个情况就好了，让之前写这个模块的人员帮我添加这个功能吧。
总结
虽然最后我也没有解决什么需求问题，不过比抓包之前要清晰明了多了。在这之前，我根本就不清楚这个地图是怎么进行数据通信交互的，现在算了比较了解了。也是我第一次见到有Websocket技术的实践吧。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/2050.html
