一种消息下发并更新数据的方法、系统、设备及存储介质与流程

本发明涉及web通信，更具体地说，它涉及一种消息下发并更新数据的方法、系统、设备及存储介质。

背景技术：

1、随着业务的发展，并行请求的数量逐渐增多，多任务处理以及多个请求在视图页面上存在的情况普遍存在，尤其是应对日益分化的业务拓展，大数据发展以及云计算的普及和大规模应用，使得依赖第三方云计算运行数据以及处理逻辑更是成为一种常规的存在。然而后台多任务的处理以及第三方运行的api存在着一定延迟性，异步请求的等待时长会带来一定的体验影响，故需要一种能实时监听到数据更新和能分配相应事件到下一层级页面的方法来实施对视图层的更改。

2、当前主流的框架，对多层、大范围、或者点对点进行的传递数据更新和数据下发的方式，普遍采用状态管理的方式来制定对象以及对象action，vue的vuex、react的redux以及angular的ngrx/store等，主流平台使用的方式都是以制定一个全局管理框架来对数据进行下发更新和监听，然而在对相同数据连续下发时却无法做到更好的、统一性的监听，同时无法更为简便的、明了的指定对单个事件多个页面实施接收更新，并采用不同针对性的互动/事件交互。

技术实现思路

1、本发明要解决的技术问题是针对现有技术的上述不足，本发明的目的一是提供一种消息下发并更新数据的方法，可以解决请求数据的延迟导致页面等待时间过长影响体验，同时解决全局状态管理器中下发消息无法定点接收的局限。

2、本发明的目的二是提供一种消息下发并更新数据的系统，可以解决请求数据的延迟导致页面等待时间过长影响体验，同时解决全局状态管理器中下发消息无法定点接收的局限。

3、本发明的目的三是提供一种计算机设备。

4、本发明的目的四是提供一种计算机可读存储介质。

5、为了实现上述目的一，本发明提供一种消息下发并更新数据的方法，采用发布订阅模式封装消息/事件，通过websocket或https轮训的请求通信方式，在接收消息时对不同的事件进行处理，并下发相应的事件任务到各个页面，在页面实现ajax消息接收的通道。

6、作为进一步地改进，具体包括以下步骤：

7、步骤1.封装发布订阅模式的消息/事件监听体系；

8、步骤2.指定前后端的通信协议，设定数据返回的消息号，该消息号用于更新请求的队列；指定接口中返回的事件标记event，用于下发不同的事件订阅以便实时更新数据；

9、步骤3.在对应需要进行事件更新的页面初始化时，使用$on监听体系进行对应标记的事件进行监听；

10、步骤4.创建消息请求事件，并设置消息号队列，保存在本地存储里；

11、步骤5.相应的页面初始化时创建绑定监听事件$on，并指定对应的事件key；

12、步骤6.页面发送需要延时处理或长时间处理的请求，后台接收请求后返回数据，并建立消息队列，其中，数据包含等待状态以及消息队列号；消息队列采用wesocket或http轮训方式；

13、步骤7.前任务处理完成后，通过步骤1创建的监听体系返回消息队列数据到前端。

14、进一步地，所述监听体系包括：

15、设定事件队列queue对象；

16、建立监听方法$on，方法设置key和function作为入参，并对不同key赋值对应的函；

17、建立消息/事件发布体系$emit，传递key和data并对其做处理分发。

18、进一步地，所述监听体系还包括：建立监听销毁方法以便释放资源。

19、进一步地，在步骤7中，前端接收数据后进行以下处理：

20、步骤71.根据消息体返回的数据进行判断是否有相应的事件，有则进入下一步；

21、步骤72.分类处理消息体中的事件，并通过$emit下发事件；

22、步骤73.步骤5中页面建立的监听会接收到对应的事件，并根据相应的数据进入到数据更新以及视图更新；

23、步骤74.事件处理完成后，更新相应的消息号。

24、进一步地，前端接收数据后还进行以下处理：步骤75.页面之间可以通过$emit下发事件到其他页面进行数据更新，形成固定的数据更新顺序。

25、进一步地，前端接收数据后还进行以下处理：步骤76.页面在销毁周期时需要停止监听事件以释放资源。

26、为了实现上述目的二，本发明提供一种消息下发并更新数据的系统，包括：

27、封装模块，所述封装模块采用发布订阅模式封装消息/事件，通过websocket或https轮训的请求通信方式，在接收消息时对不同的事件进行处理；

28、下发模块，所述下发模块下发相应的事件任务到各个页面，在页面实现ajax消息接收的通道。

29、为了实现上述目的三，本发明提供一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述的一种消息下发并更新数据的方法。

30、为了实现上述目的四，本发明提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述的一种消息下发并更新数据的方法。

31、有益效果

32、本发明与现有技术相比，具有的优点为：

33、本发明解决用户在请求长时间无返回时等待时间过长的用户体验，以一种延迟并生成队列的方式以便使长请求运行在后台，并在有返回时及时更新视图。在处理消息下法师采用的发布订阅模式分发方式，相对常用的状态管理框架，以及多页面层层传参的方式比较笨重繁琐，该方式能提供更为简便明白的针对相应的消息/事件进行传递更新，避免经过太多成数据管理，提高代码的简便和可维护性。同时解决全局状态管理器中下发消息无法定点接收的局限。

技术特征：

1.一种消息下发并更新数据的方法，其特征在于，采用发布订阅模式封装消息/事件，通过websocket或https轮训的请求通信方式，在接收消息时对不同的事件进行处理，并下发相应的事件任务到各个页面，在页面实现ajax消息接收的通道。

2.根据权利要求1所述的一种消息下发并更新数据的方法，其特征在于，具体包括以下步骤：

3.根据权利要求2所述的一种消息下发并更新数据的方法，其特征在于，所述监听体系包括：

4.根据权利要求2所述的一种消息下发并更新数据的方法，其特征在于，所述监听体系还包括：建立监听销毁方法以便释放资源。

5.根据权利要求1所述的一种消息下发并更新数据的方法，其特征在于，在步骤7中，前端接收数据后进行以下处理：

6.根据权利要求5所述的一种消息下发并更新数据的方法，其特征在于，前端接收数据后还进行以下处理：步骤75.页面之间可以通过$emit下发事件到其他页面进行数据更新，形成固定的数据更新顺序。

7.根据权利要求6所述的一种消息下发并更新数据的方法，其特征在于，前端接收数据后还进行以下处理：步骤76.页面在销毁周期时需要停止监听事件以释放资源。

8.一种消息下发并更新数据的系统，其特征在于，包括：

9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的一种消息下发并更新数据的方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的一种消息下发并更新数据的方法。

技术总结
本发明公开了一种消息下发并更新数据的方法，属于web通信技术领域，解决页面等待时间过长及全局状态管理器中下发消息无法定点接收的技术问题，方法为：采用发布订阅模式封装消息/事件，通过websocket或https轮训的请求通信方式，在接收消息时对不同的事件进行处理，并下发相应的事件任务到各个页面，在页面实现ajax消息接收的通道。本发明还公开了一种消息下发并更新数据的系统、设备及存储介质。本发明解决用户在请求长时间无返回时等待时间过长的用户体验，以一种延迟并生成队列的方式以便使长请求运行在后台，并在有返回时及时更新视图。

技术研发人员：潘家俊,张志伟,林彬,余茂林,邹国栋
受保护的技术使用者：广东亿迅科技有限公司
技术研发日：
技术公布日：2024/1/12