[发明专利]一种信息交互方法及装置

说明书

本申请提供一种信息交互方法及装置，所述方法包括：当服务端的WebSocket服务接收到终端设备通过浏览器的第一标签页发送的操作数据后，根据操作数据确定需要共享操作数据的第二标签页的标识信息；将操作数据广播给第二标签页的标识信息对应的第二标签页；其中，操作数据为第一标签页中进行操作的数据，携带有终端设备的标识信息；WebSocket服务为根据第一标签页对应的应用程序生成的服务；第二标签页与WebSocket服务处于连接状态。上述技术方案可以在进行数据交互时不用区分标签页的父子关系，同时WebSocket服务可以支持全双工通信，能够满足复杂频繁的实时交互。

技术领域

本发明涉及计算机领域，尤其涉及信息交互方法及装置。

背景技术

在现代web(World Wide Web，全球广域网)开发中，往往会有很多单页面应用，单页面应用和以往的多页面应用不同，多页面应用通常不涉及各个页面的联动，每个页面负责自己的功能展示，页面之前相对独立。而单页面应用更类似与一个独立的App(Application，手机软件)，这个App运行在基于浏览器的环境中，单页面应用会涉及不同功能模块间的联动。同一标签页中的不同功能模块的联动相对简单，但是不同标签页的联动相对会复杂一些。

现有技术中，通常采用以下几种方式实现同一应用中不同标签页间的联动：

方式一、通过浏览器提供的方法实现。浏览器能在当前标签页中打开一个新标签页，这种情况可以通过浏览器的父子页面通信去实现数据的联动。但是此种方法的弊端是必须显性的知道父子页面，而针对单页面应用，很有可能会在子页面中再次打开一个新标签页，这样这种父子关系的链条就会变得比较复杂。如果用户手动打开不同的模块标签页，各个页面不具有父子关系，通过方式一则无法进行数据交互。

方式二、通过浏览器的localStorage(本地存储)实现。将需要联动的全局数据存储到localStorage中，然后在页面中通过localStorage的事件进行数据分发，当数据变化时，触发相关事件调用函数。但是该相关事件的触发条件必须是数据变化，如果数据不变化则不会触发相关事件。

方式三、通过webworker(运行在后台的JavaScript线程)实现。webworker方式与localStorage方式类似，通过注册一个SharedWorker(共享线程)，然后进行参数共享，但是webworker方式是一种半双工的方式，如果复杂频繁的数据请求，则不容易通过webworker实现。

发明内容

本申请所要解决的技术是提供一种信息交互方法及装置，在进行数据交互时不用区分标签页的父子关系，同时可以满足复杂频繁的实时交互。

为了解决上述技术问题，本申请提供了一种信息交互方法，所述方法包括：

当服务端的基于TCP的全双工通信协议WebSocket服务接收到终端设备通过浏览器的第一标签页发送的操作数据后，根据所述操作数据确定需要共享所述操作数据的第二标签页的标识信息；

将所述操作数据广播给所述第二标签页的标识信息对应的第二标签页；

其中，所述操作数据为第一标签页中进行操作的数据，携带有所述终端设备的标识信息；

所述WebSocket服务为根据所述第一标签页对应的应用程序生成的服务；

所述第二标签页与所述WebSocket服务处于连接状态。

可选地，所述方法还包括：

所述WebSocket服务保存标签页发送的标签页的标识信息；

其中，所述标签页的标识信息为根据终端设备的标识信息以及标签页的模块标识信息随机生成的信息。

可选地，所述根据所述操作数据确定需要共享所述操作数据的第二标签页的标识信息包括：