CN107566436A - 页面消息中心组件及消息实时推送方法和装置 - Google Patents

Abstract

本发明公开了一种页面消息中心组件及消息实时推送方法和装置，其中，所述消息实时推送方法包括：向主页面的消息中心注册相关页面；已注册的、需要接收消息的页面向所述消息中心订阅所述消息；当有页面发送消息时，将所述消息推送给所述消息中心；所述消息中心接收所述消息，并将所述消息内容分发给订阅了所述消息的页面；页面接收消息中心发送来的消息内容，根据所述消息内容更新页面。所述页面消息中心组件包括页面注册信息管理模块、消息订阅模块、消息接收模块和消息分发模块。本发明通过消息中心组件的页面注册、订阅和分发消息来避免页面与页面之间多对多的相互信息传递，从而减少了页面间的相互干扰，实现了多页面的高度解耦。

Description

页面消息中心组件及消息实时推送方法和装置

技术领域

本发明涉及一种网络信息技术领域，具体地说，涉及一种页面消息中心组件及消息实时推送方法和装置。

背景技术

在如今的社会,无论是通过个人电脑，还是公共场合的电脑，都可以上网冲浪。互联网上的基本元件是网页，简单来说，网页是由若干代码编写的一种文件形式，其中包含了文字，图片，音乐，视屏等丰富的资源。

一个网站通常是多个页面构成，页面与页面之间既可以相互嵌套，又可以相互跳转。在现有技术中，可以使用iframe(框架网页)来实现页面的嵌套，目前也有一些开源的页面框架供开发者选择使用。

页面上的元素既可以独立存在，又可以相互关联。基于用户对页面的丰富需求，通常要求在某一个页面的某个元素发生变化时，其他页面的相关元素也要发生相应的变化。传统的解决方案是由发生信息改动的页面通知各个需要跟随改动的页面。发生信息改动的页面通知各个需要跟随改动的页面时，需要获取所有页面的唯一标识ID，在更新子页面时，通过调用各自的响应函数来执行相应操作以达到更新的目的。

然而，当页面很多时，获取页面标识的过程很复杂，当有新加或改动页面后，情况变得更加复杂，不容易维护页面标识。另外，虽然每个子页面有自己的响应函数，但由于不容易知道哪些子页面需要响应，并且不容易获取这些子页面的相对位置或者绝对位置，因而调用响应函数来执行相应操作的难度很大。也就是说，页面与页面的耦合度极高。

在目前的相关技术领域中，JavaScript是一种安全性语言，它不允许访问本地的硬盘，不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。并且，JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它采用事件驱动的方式响应用户的反映。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。

发明内容

本发明要解决的技术问题在于，针对现有技术的不足，提供一种页面消息中心组件及消息实时推送方法和装置，在进行页面间的消息实时推送时，减少页面间的相互干扰，实现多页面的高度解耦。

为解决上述技术问题，本发明提供了一种基于页面消息中心组件的消息实时推送方法，其中，包括：

向主页面的消息中心注册相关页面；

已注册的、需要接收消息的页面向所述消息中心订阅消息；

当有页面发送消息时，将所述消息推送给所述消息中心；

所述消息中心接收所述消息，并将所述消息内容分发给订阅了所述消息的页面；

页面接收消息中心发送来的消息内容，根据所述消息内容更新页面。

优选地，所述页面注册信息包括页面ID和消息ID。

优选地，所述需要接收消息的页面向所述消息中心订阅消息的步骤具体为：

需要接收消息的页面向所述消息中心发送订阅消息的订阅请求，所述订阅请求包括一个或多个消息ID；

所述消息中心接收所述订阅请求，建立所述页面的页面ID和需要订阅的消息ID的对应关系。

优选地，所述将所述消息推送给所述消息中心的步骤中，所述消息包括消息ID和消息内容；

所述消息中心接收所述消息，并将所述消息内容分发给订阅了所述消息的页面的步骤具体为：

所述消息中心接收所述消息，解析出所述消息ID；

根据所述消息ID查询得到一个或多个订阅了所述消息的页面ID；

根据所述页面ID，将所述消息内容分发给与所述页面ID对应的页面。

优选地，将JS脚本嵌入所述主页面，生成作为所述消息中心的消息中心组件。

本发明提供了一种页面消息中心组件，其中，包括：

页面注册信息管理模块，用于管理页面注册信息，实现所述页面的注册和注销；

消息订阅模块，用于为需要接收消息的页面订阅消息；

消息接收模块，用于接收页面推送的消息；和

消息分发模块，用于根据接收到的消息，将所述消息内容分发给订阅了所述消息的页面。

优选地，所述页面注册信息管理模块包括：

接收单元，用于接收页面发送的请求，

存储单元，与所述接收单元连接，用于在所述请求为注册请求时，存储所述请求中的页面注册信息，所述页面注册信息包括页面ID和消息ID；和

删除单元，与所述接收单元连接，用于在所述请求为注销请求时，删除与所述请求对应的页面注册信息。

优选地，所述消息订阅模块包括：

订阅请求接收单元，用于接收页面发送来的对消息的订阅请求或取消订阅请求，所述订阅请求或取消订阅请求包括一个或多个消息ID；和

订阅处理单元，用于根据所述订阅请求，建立所述需要接收消息的页面ID和订阅的消息ID的对应关系，或根据所述消订阅请求，解除所述页面ID和订阅的消息ID的对应关系。

优选地，所述消息接收模块包括：

第一接收单元，用于接收页面推送的消息；和

解析单元，用于从所述消息中解析出消息ID和消息内容，并将所述消息ID和消息内容发送给所述消息分发模块。

优选地，所述消息分发模块包括：

第二接收单元，用于接收所述消息接收模块发送的消息ID和消息内容；

查询单元，用于根据所述消息ID查询页面ID和订阅的消息ID的对应关系，从而得到一个或多个订阅了所述消息的页面ID；和

分发单元，用于根据所述页面ID，将所述消息内容分别发送给与所述页面ID对应的页面。

本发明提供了一种基于前述页面消息中心组件的消息实时推送装置，其中，至少包括存储器和处理器，所述存储器用于存储消息和指令，所述处理器执行所述指令，根据所述JS脚本生成作为消息中心的消息中间组件，通过所述指令配置如下：

向主页面的消息中心注册相关页面；

已注册的、需要接收消息的页面向所述消息中心订阅所述消息；

当有页面发送消息时，将所述消息推送给所述消息中心；

所述消息中心接收所述消息，并将所述消息内容分发给订阅了所述消息的页面；

页面接收消息中心发送来的消息内容，根据所述消息内容更新页面。

本发明通过在主页面建立消息中间件，通过在消息中间件的页面注册、订阅来避免页面与页面之间多对多的相互信息传递，从而减少页面间的相互干扰，实现了多页面的高度解耦。

附图说明

通过以下参照附图对本发明实施例的描述，本发明的上述以及其他目的、特征和优点将更为清楚，在附图中：

图1为本发明所述消息实时推送方法的过程示意图；

图2为本发明所述消息实时推送方法的实现原理示意图；

图3为本发明所述页面消息中心组件的原理结构示意图；

图4为本发明所述页面注册信息管理模块的原理结构示意图；

图5为本发明所述消息订阅模块的原理结构示意图；

图6为本发明页面信息的关系示意图；

图7为本发明所述消息接收模块的原理结构示意图；和

图8为本发明所述消息分发模块的原理结构示意图。

具体实施方式

以下基于实施例对本发明进行描述，但是本发明并不仅仅限于这些实施例。在下文对本发明的细节描述中，详尽描述了一些特定的细节部分。对本领域技术人员来说没有这些细节部分的描述也可以完全理解本发明。为了避免混淆本发明的实质，公知的方法、过程、流程没有详细叙述。另外附图不一定是按比例绘制的。

附图中的流程图、框图图示了本发明实施例的***、方法、装置的可能的体系框架、功能和操作，流程图和框图上的方框可以代表一个模块、程序段或仅仅是一段代码，所述模块、程序段和代码都是用来实现规定逻辑功能的可执行指令。也应当注意，所述实现规定逻辑功能的可执行指令可以重新组合，从而生成新的模块和程序段。因此附图的方框以及方框顺序只是用来更好的图示实施例的过程和步骤，而不应以此作为对发明本身的限制。

如图1所示，为本发明所述消息实时推送方法的过程示意图。消息中心1位于主页面，其与各个页面21、22……2n可以进行信息的交互。每一个需要接收消息、发送消息的页面首先秘主页面的消息中心1注册，每个页面的注册信息包括页面ID和消息ID，其中，所述的消息ID会有多个，用于区分不同的消息。

经过注册、需要接收消息的页面，如页面21，向所述消息中心1发送订阅请求，用于订阅某一或某些消息。

所述消息中心1接收到页面21发送来的订阅请求后，将所述页面21的页面ID和所述消息的消息ID绑定在一起，即建立起对应关系。

当有页面，如页面22发送消息时，所述页面22将所述消息推送给所述消息中心1。

所述消息中心1接收所述消息，根据所述消息的ID查询与其对应的页面ID，然后，将所述消息内容分发给订阅了所述消息的页面，如页面2n。

页面2n接收消息中心1发送来的消息内容，根据所述消息内容更新页面。

通常，各个页面既相互独立又相互关联。所谓独立是指每个页面都有自己要展示的信息内容和自己特有的功能。所谓关联是指信息的展现方式是多样化的，比如同一商品的商品信息，商品名称、价格、图片可以在列表页展示，也可以在详情页展示，这样页面与页面之间就有了关联性。为了减少页面间的互相干扰，让各个页面的修改、变化尽可能小地影响其它页面，在本发明中，通过将JS脚本嵌入所述主页面生成作为所述消息中心的消息中间组件。用于完成消息的加载、分发，从而达到多页面间的消息实时推送。如图2所示，为本发明所述消息实时推送方法的实现原理示意图。消息中心页面的JS脚本1'构成了消息中心组件，实现了消息中心1的功能，页面21、22、23一直到页面2n，每个页面的注册信息和订阅信息存储到消息中心1，当其中某个页面向消息中心1发出消息后，消息中心1就会根据其他页面的订阅，将此消息分发到相应的页面上去，页面之间不需要直接的交互。

其中，所述页面消息中心组件如图3所示，包括页面注册信息管理模块11、消息订阅模块12、消息接收模块13和消息分发模块14。

其中，页面注册信息管理模块11用于管理页面注册信息，实现页面的注册和注销。具体结构原理如图4所示，包括接收单元111、存储单元112和删除单元113。其中，接收单元111用于接收页面发送的注册或注销请求，而存储单元112与所述接收单元111连接，用于在所述请求为注册请求时，存储所述请求中的页面注册信息，所述页面注册信息包括页面ID和消息ID；删除单元113与所述接收单元111连接，用于在所述请求为注销请求时，删除与所述请求对应的页面注册信息。

消息订阅模块12用于为需要接收消息的页面订阅消息。具体如图5所示，包括订阅请求接收单元121和订阅处理单元122，所述订阅请求接收单元121用于接收页面发送来的对消息的订阅请求或取消订阅请求，所述订阅请求或取消订阅请求中包含了页面ID和请求或取消的消息ID。订阅处理单元122根据所述订阅请求，绑定所述页面的页面ID和订阅的消息ID。从而在得到消息ID时，可以得到页面ID。或者，根据所述消订阅请求，解除所述页面ID和订阅的消息ID的对应关系。在本***中存储了多个页面与注册消息、订阅消息的对应表。其中一个实施例如图6所示。所述对应表会随着页面的订阅请求和取消订阅请求而做相应的变化。每一次收到新的请求，会实时更新所述对应表。

消息接收模块13用于接收并存储页面推送的消息。例如当某一页面触发某一消息时，比如更改页面中某一元素值。而该元素值需要与其他页面的相关信息的元素值同步变化。本发明不再按照现有技术将该元素值变化的消息直接发送给相应的页面，而是将该消息推送给主页面的消息中心。消息中心的消息接收模块接收所述消息，从中解析出消息ID，并将所述消息ID发送给所述消息分发模块14。具体地，如图7所示，为消息接收模块的一个实施例的结构原理示意图。消息接收模块13包括第一接收单元131和解析单元132，第一接收单元131用于接收页面推送的消息；所述解析单132从所述消息中解析出消息ID和消息内容，并将所述消息ID和消息内容发送给所述消息分发模块14。

消息分发模块14根据接收到的消息ID，查询所述页面与注册消息、订阅消息的对应表，从而找到与所述消息ID对应的页面ID，即找到订阅了所述消息的页面。根据页面ID，将所述消息内容分发给订阅了所述消息的页面。具体地，如图8所示，为消息分发模块的一个实施例的结构原理示意图。所述消息分发模块14包括第二接收单元141、查询单元142和分发单元143。所述第二接收单元141用于接收所述消息接收模块13发送的消息ID和消息内容；所述查询单元142用于根据所述消息ID查询页面ID和订阅的消息ID的对应关系，从而得到一个或多个(如n个)订阅了所述消息的页面ID；所述分发单元143用于根据所述页面ID，将所述消息内容分别发送给n个对应的页面。

各个页面接收到消息内容后，根据该消息内容更新各自的页面相应信息。

现在的网络时代，使用网络的用户越来越多，对页面的个性化需求也越来越多，网页也变得越来越复杂，当需要多个页面来丰富多彩的动态展现各个相关的数据信息时，页面间的消息实时推送变得更加重要，本发明通过消息中心组件的页面注册、订阅来避免页面与页面之间多对多的相互信息传递，从而减少页面间的相互干扰，实现了多页面的高度解耦。

本发明完全基于Web页面，不依赖任何开发框架，HTML语言完全适用，不论是PC端还是手机端都可以采用，只需要将同一应用中的相关页面注册到消息中心，就可以实现多页面消息实时推送，可高度复用。

本发明还提供了所述基于页面消息中心组件的消息实时推送装置，所述装置至少包括存储器和处理器，所述存储器用于存储消息和指令，所述处理器执行所述指令，根据所述JS脚本生成作为消息中心的消息中间组件，通过所述指令配置如下：

向主页面的消息中心注册相关页面；

需要接收消息的页面向所述消息中心订阅所述消息；

当有页面发送消息时，将所述消息推送给所述消息中心；

所述消息中心接收所述消息，并将所述消息内容分发给订阅了所述消息的页面；

页面接收消息中心发送来的消息内容，根据所述消息内容更新页面。

通过配置的指令，所述处理器在主页面生成消息中间件作为消息中心来完成前述消息实时推送，避免了页面与页面之间多对多的相互信息传递，减少了页面间的相互干扰，实现了多页面的高度解耦。

以上所述仅为本发明的优选实施例，并不用于限制本发明，对于本领域技术人员而言，本发明可以有各种改动和变化。凡在本发明的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (11)

1.一种基于页面消息中心组件的消息实时推送方法，其中，包括：

向主页面的消息中心注册相关页面；

需要接收消息的页面向所述消息中心订阅消息；

当有页面发送消息时，将所述消息推送给所述消息中心；

所述消息中心接收所述消息，将所述消息内容分发给订阅了所述消息的页面；和

页面接收消息中心发送来的消息内容，根据所述消息内容更新页面。

2.如权利要求1所述的基于页面消息中心组件的消息实时推送方法，其中，所述相关页面的注册信息包括页面ID和消息ID。

3.如权利要求2所述的基于页面消息中心组件的消息实时推送方法，其中，所述订阅消息的步骤具体为：

需要接收消息的页面向所述消息中心发送订阅消息的订阅请求，所述订阅请求包括一个或多个消息ID；和

所述消息中心接收所述订阅请求，建立所述需要接收消息的页面ID和订阅的消息ID的对应关系。

4.如权利要求1所述的基于页面消息中心组件的消息实时推送方法，其中，所述将所述消息推送给所述消息中心的步骤中，所述消息包括消息ID和消息内容；

所述消息中心接收所述消息，将所述消息内容分发给订阅了所述消息的页面的步骤具体为：

所述消息中心接收所述消息，解析出所述消息ID；

根据所述消息ID查询得到一个或多个订阅了所述消息的页面ID；和

根据所述页面ID，将所述消息内容分发给与所述页面ID对应的页面。

5.如权利要求1所述的基于页面消息中心组件的消息实时推送方法，其中，将JS脚本嵌入所述主页面，生成作为所述消息中心的消息中心组件。

6.一种页面消息中心组件，其中，包括：

页面注册信息管理模块，用于管理页面注册信息，实现所述页面的注册和注销；

消息订阅模块，用于为需要接收消息的页面订阅消息；

消息接收模块，用于接收页面推送的消息；和

消息分发模块，用于根据接收到的消息，将所述消息内容分发给订阅了所述消息的页面。

7.如权利要求6所述的页面消息中心组件，其中，所述页面注册信息管理模块包括：

接收单元，用于接收页面发送的请求，

存储单元，与所述接收单元连接，用于在所述请求为注册请求时，存储所述请求中的页面注册信息，所述页面注册信息包括页面ID和消息ID；和

删除单元，与所述接收单元连接，用于在所述请求为注销请求时，删除与所述请求对应的页面注册信息。

8.如权利要求7所述的页面消息中心组件，其中，所述消息订阅模块包括：

订阅请求接收单元，用于接收页面发送来的对消息的订阅请求或取消订阅请求，所述订阅请求或取消订阅请求包括一个或多个消息ID；和

订阅处理单元，用于根据所述订阅请求，建立所述需要接收消息的页面ID和订阅的消息ID的对应关系，或根据所述取消订阅请求，解除所述页面ID和订阅的消息ID的对应关系。

9.如权利要求8所述的页面消息中心组件，其中，所述消息接收模块包括：

第一接收单元，用于接收页面推送的消息；和

解析单元，用于从所述消息中解析出消息ID和消息内容，并将所述消息ID和消息内容发送给所述消息分发模块。

10.如权利要求9所述的页面消息中心组件，其中，所述消息分发模块包括：

第二接收单元，用于接收所述消息接收模块发送的消息ID和消息内容；

查询单元，用于根据所述消息ID查询页面ID和订阅的消息ID的对应关系，从而得到一个或多个订阅了所述消息的页面ID；和

分发单元，用于根据所述页面ID，将所述消息内容分别发送给与所述页面ID对应的页面。

11.一种基于权利要求6-10任一所述页面消息中心组件的消息实时推送装置，其中，至少包括存储器和处理器，所述存储器用于存储消息和指令，所述处理器执行所述指令，根据所述JS脚本生成作为消息中心的消息中间组件，通过所述指令配置如下：

向主页面的消息中心注册相关页面；

已注册的、需要接收消息的页面向所述消息中心订阅所述消息；

当有页面发送消息时，将所述消息推送给所述消息中心；

所述消息中心接收所述消息，并将所述消息内容分发给订阅了所述消息的页面；和

页面接收消息中心发送来的消息内容，根据所述消息内容更新页面。