[发明专利]一种基于浏览器端对网络流量的分析呈现方法

说明书

一种基于浏览器端对网络流量的分析呈现方法，该方法包括：请求后台收据；通过开源控件cytoscape.js、采用浏览器canvas对后台数据进行渲染；将请求后的数据添加到cytoscape.js控件中显示初始化数据，并配置描述拖动时的动作；根据后台服务器传来的数据，对数据进行结果展示。通过观察每个节点连线多少以及连线上标注的协议信息，可更直观看出其中的访问量和访问协议。如果本不该有大量访问量的节点出现了大量访问，便可判断为该节点被访问异常，可能出现了网络攻击。

技术领域

本发明涉及数据安全技术领域，具体地说是一种基于浏览器端对网络流量的分析呈现方法。

背景技术

网络流量分析主要是对业务、web应用、网络、主机、节点、及网段等对象，结合各对象的特有指标数据，分析显示网络的运行状况。网络流量分析在网络监控中是否有网络异常攻击起到非常重要的作用，在流量分析过程中能够采用BS结构程序且能直观展示各设备间通讯协议以及流量尤为重要。现有技术对网络流量监控分析无法在浏览器端进行直观的显示。

发明内容

本发明的目的在于提供一种基于浏览器端对网络流量的分析呈现方法，用于解决现有技术对网络流量监控分析无法在浏览器端进行直观的显示的问题。

本发明解决其技术问题所采取的技术方案是：

本发明提供了一种基于浏览器端对网络流量的分析呈现方法，该方法包括：

请求后台收据；

通过开源控件cytoscape.js、采用浏览器canvas对后台数据进行渲染；

将请求后的数据添加到cytoscape.js控件中显示初始化数据，并配置描述拖动时的动作；

根据后台服务器传来的数据，对数据进行结果展示。

在第一种可能实现的方式中，所述请求后台收据具体包括：通过http协议采用ajax的方式请求后台数据，所述后台数据的来源通过流量采集传感器采集。

在第二种可能实现的方式中，所述的后台数据结构包括访问协议流量：{设备id；访问设备；目标设备；访问协议}、设备列表：{设备图标；设备名称及ip}。

在第三种可能实现的方式中，所述采用浏览器canvas对后台数据进行渲染具体包括：

将DOM元素中写入canvas标签，然后获取其context，即canvas.getContext('2d')；

通过context的api使用js语言绘制流量访问关系。

在第四种可能实现的方式中，所述配置描述拖动时的动作具体包括但不限于：

拖动时隐藏连线、拖动时隐藏节点名、拖动时显示图标、调整滚轮缩放速度、绑定DOM渲染、选择显示布局视图、加入数据。

在第五种可能实现的方式中，所述根据后台服务器传来的数据，对数据进行结果展示具体包括：

根据配置描述拖动时的预设动作，选择显示布局视图，显示运维服务器和认证网关的访问数据流量关系。

本发明的有益效果是：本发明借助浏览器canvas使用开源控件cytoscape.js，可有效高性能呈现大数据量数据信息。采用关系图的方式呈现访问协议，通过观察每个节点连线多少以及连线上标注的协议信息，可更直观看出其中的访问量和访问协议。如果本不该有大量访问量的节点出现了大量访问，便可判断为该节点被访问异常，可能出现了网络攻击。

附图说明