掌握Websocket的基础知识

Websocket技术解析

前几日，我在工作中被后台的同事要求分析一个付费网站向前端传输数据的结构。按照常规操作，我通过按F12查看后台接口请求的数据获取方式，然而在调试工具的Network面板中却未发现任何请求。数据交互竟然没有对应的请求？这让我感到疑惑，于是决定使用Fiddler工具进行抓包测试，结果与Network面板显示的情况一致，除了图片、CSS和JS资源的加载外，没有其他请求。我再次仔细检查了相关代码，最终发现问题的根源在于该网站采用了WebSocket进行通信。

对websocket技术，我此前掌握的知识较为有限，虽有所耳闻但尚未进行过实际操作。因此，借此机会进行了一番学习，并将过程记录如下。

• 查看：通过Fiddler抓包分析
  启动Fiddler工具，在界面左上角找到Rules菜单，选择Customize Rules…选项，此时将弹出一个js文件。在该文件的class Handlers类中添加相应的代码段：

    static function OnWebSocketMessage(oMsg: WebSocke