一种弹窗的显示方法及装置与流程

1.本发明涉及数据处理技术领域，尤其涉及一种弹窗的显示方法及装置。


背景技术：

2.目前智能设备越来越多的进入我们的生活，各种app也在逐步影响着我们。在使用app的过程中，弹窗是一个非常核心的交互流程。
3.传统的app弹窗功能设计，往往是根据具体业务场景来针对不同的页面进行编码实现。这种实现方式需要业务接口进行适配，在对应的页面接口同步进行弹窗数据资源的返回，前端再根据对应资源进行弹窗展示，由于页面和弹窗之间存在耦合，需要同步获取弹窗数据，如果弹窗系统出现问题，会导致业务本身受影响。


技术实现要素：

4.有鉴于此，本发明提供了一种弹窗的显示方法及装置，用以解决现有技术中由于页面和弹窗之间存在耦合，需要同步获取弹窗数据，如果弹窗系统出现问题，会导致业务本身受影响的问题。具体方案如下：
5.一种弹窗的显示方法，应用于第一终端，包括：
6.接收第二终端发送的弹窗数据，其中，所述弹窗数据与目标app中的目标页面存在关联关系；
7.基于所述关联关系，确定与所述弹窗数据对应的所述目标页面；
8.将所述弹窗数据发送给所述目标页面，以令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗。
9.上述的方法，可选的，所述第一终端为长链接网关，将所述弹窗数据发送给所述目标app，包括：
10.将所述弹窗数据基于所述长链接网关发送给所述目标页面，以令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗。
11.上述的方法，可选的，所述第二终端中还包括：配置后台，
12.在接收到对所述第一终端中弹窗数据的更新请求的情况下，基于所述配置后台对所述弹窗数据进行调整。
13.一种弹窗的显示方法，应用于第二终端，包括：
14.接收对目标app中目标页面的访问请求，基于所述访问请求判断所述目标页面是否关联弹窗；
15.若是，获取与所述目标页面对应的弹窗数据；
16.将所述弹窗数据发送给所述第一终端，以令所述第一终端将所述弹窗数据发送给所述目标页面。
17.上述的方法，可选的，接收对目标app中目标页面的访问请求，基于所述访问请求判断所述目标页面是否关联弹窗，包括：
18.将所述访问请求基于预设的应用程序接口发送给所述第一终端；
19.所述第一终端获取所述访问请求中的用户标识和页面标识；
20.基于所述用户标识和所述页面标识判断所述目标页面是否存在关联弹窗。
21.一种弹窗的显示装置，应用于第一终端，包括：
22.接收模块，用于接收第二终端发送的弹窗数据，其中，所述弹窗数据与目标app中的目标页面存在关联关系；
23.确定模块，用于基于所述关联关系，确定与所述弹窗数据对应的所述目标页面；
24.第一发送模块，用于将所述弹窗数据发送给所述目标页面，以令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗。
25.上述的装置，可选的，在所述第一终端为长链接网关的情况下，
26.所述发送模块，用于将所述弹窗数据基于所述长链接网关发送给所述目标页面，以令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗。
27.上述的装置，可选的，所述第二终端中还包括：配置后台，
28.所述配置后台，用于在接收到对所述第一终端中弹窗数据的更新请求的情况下，基于所述配置后台对所述弹窗数据进行调整。
29.一种弹窗的显示装置，应用于第二终端，包括：
30.接收和判断模块，用于接收对目标app中目标页面的访问请求，基于所述访问请求判断所述目标页面是否关联弹窗；
31.获取模块，用于若是，获取与所述目标页面对应的弹窗数据；
32.第二发送模块，用于将所述弹窗数据发送给所述第一终端，以令所述第一终端将所述弹窗数据发送给所述目标页面。
33.上述的装置，可选的，所述接收和判断模块包括：
34.发送单元，用于将所述访问请求基于预设的应用程序接口发送给所述第一终端；
35.获取单元，用于所述第一终端获取所述访问请求中的用户标识和页面标识；
36.判断单元，用于基于所述用户标识和所述页面标识判断所述目标页面是否存在关联弹窗。
37.与现有技术相比，本发明包括以下优点：
38.本发明公开了一种弹窗的显示方法及装置，应用于第一终端，所述方法包括：接收第二终端发送的弹窗数据，其中，所述弹窗数据与目标app中的目标页面存在关联关系；基于所述关联关系，确定与所述弹窗数据对应的所述目标页面；将所述弹窗数据发送给所述目标页面，以令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗。上述过程中，弹窗数据先由第二终端发送给第一终端，再由第一终端发送给目标页面，实现了目标页面的显示和基于弹窗数据进行弹窗展示的异步实现，因此，目标页面与弹窗之间不存在耦合，不会因为弹窗出现问题，导致业务本身受影响。
附图说明
39.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以
根据这些附图获得其他的附图。
40.图1为本技术实施例公开的一种弹窗的显示方法流程图；
41.图2为本技术实施例公开的一种弹窗的显示方法又一流程图；
42.图3为本技术实施例公开的一种弹窗的显示方法的信令图；
43.图4为本技术实施例公开的一种弹窗的显示装置结构框图；
44.图5为本技术实施例公开的一种弹窗的显示装置又一结构框图。
具体实施方式
45.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
46.对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
47.本发明公开了一种弹窗的显示方法及装置，应用与弹窗的显示过程中，目前，智能设备越来越多的进入我们的生活，各种app也在逐步影响这我们，在使用app的过程中，弹窗是一个非常核心的交互流程，针对每一个app其中包含至少一个页面，app中可能会存在弹窗的页面，现有技术中的弹窗显示往往是根据业务场景来针对不同的页面进行编码实现，但是现有的显示方式存在如下弊端：弹窗需要与业务接口进行适配，在对应的页面接口同步进行弹窗数据资源的返回，前端再根据对应的弹窗数据进行弹窗展示，由于业务系统和弹窗之间存在耦合，若弹窗系统出问题，则会导致业务本身受影响，而且，一些需要特定逻辑因此若弹窗及策略的弹窗，各个接口单独实现，很难保证逻辑一致性，因此，未来解决上述问题，本发明提供了一种弹窗的显示方法，所述显示方法应用于第一终端，其中，优选的，所述第一终端可以为网关，所述方法的执行流程如图1所示，包括步骤：
48.s101、接收第二终端发送的弹窗数据，其中，所述弹窗数据与目标app中的目标页面存在关联关系；
49.本发明实施例中，所述第二终端为用于保存弹窗数据和弹窗执行逻辑，其中，所述弹窗数据为用于构建弹窗页面的数据，所述弹窗数据与目标app中的目标页面存在关联关系，所述关联关系可以作为所述第二终端的执行逻辑，基于所述执行逻辑确定所述第二终端中发送的弹窗数据，例如，所述目标app中包含首页和详情页，其中，所述首页与第一弹窗数据相关联，所述详情页与第二弹窗数据相关联，其中，所述第一弹窗数据和所述第二弹窗数据中至少存在一个对应的弹窗。
50.s102、基于所述关联关系，确定与所述弹窗数据对应的所述目标页面；
51.本发明实施例中，所述关联关系可以基于标识建立连接或者基于其它的方式建立关联，本发明实施例中，对具体的关联方式不进行限定，以基于标识建立关联为例，例如，所述目标页面和其对应的弹窗数据采用相同的标识建立关联，基于该标识确定与所述弹窗数
据对应的目标页面。
52.s103、将所述弹窗数据发送给所述目标页面，以令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗。
53.本发明实施例中，将所述弹窗数据基于所述第一终端发送给所述目标页面，以令所述目标页面基于所述弹窗数据在所述目标页面中展示弹窗，其中，针对目标app端，由于所述目标app中的页面可能会由于用户的点击或者其它的操作跳转到其它页面中，因此，在所述目标app端接收到所述弹窗数据后，需要首先判断所述目标app中显示的当前页面是否为所述目标页面，若是，将所述弹窗数据发送给所述目标页面，在所述目标页面中基于所述弹窗数据构建对应的弹窗，若否，则舍弃所述弹窗数据，等待接收与所述当前页面对应的弹窗数据。
54.本发明公开了一种弹窗的显示方法，应用于第一终端，所述方法包括：接收第二终端发送的弹窗数据，其中，所述弹窗数据与目标app中的目标页面存在关联关系；基于所述关联关系，确定与所述弹窗数据对应的所述目标页面；将所述弹窗数据发送给所述目标页面，以令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗。上述过程中，弹窗数据先由第二终端发送给第一终端，再由第一终端发送给目标页面，实现了目标页面的显示和基于弹窗数据进行弹窗展示的异步实现，因此，目标页面与弹窗之间不存在耦合，不会因为弹窗出现问题，导致业务本身受影响。
55.本发明实施例中，优选的，所述第一终端为长链接网关，所述长链接网关是同时对接多客户端和多业务后端的，是多对多的关系，他们之间只使用一条长连接通讯。这种多对多的系统在设计时要避免强耦合。业务方逻辑也是会动态调整的，如果将业务的协议和逻辑与网关实现耦合会导致所有的业务都会互相牵连，协议升级和维护都会异常困难。所以尝试使用经典的发布订阅模型来解耦长连接网关跟客户端与业务后端，它们之间只需要约定topic即可自由互相发布订阅消息。传输的消息是纯二进制数据，网关也无需关心业务方的具体协议规范和序列化方式。所述长链接网关使用发布订阅解耦了网关与业务方的实现，仍然需要控制客户端对topic的发布订阅的权限，避免有意或无意的数据污染或越权访问。进一步的，在acl规则中设计了topic模板变量来降低业务方的接入成本，给业务方配置允许订阅的topic中包含连接的用户名变量标识，表示只允许用户订阅或发送消息到自己的topic。
56.进一步的，为了保证下发或上行的消息被对端正常处理，实现了回执和重传的功能。重要业务的消息在客户端收到并正确处理后需要发送回执，而网关内暂时保存客户端未收取的消息，网关会判断客户端的接收情况并尝试再次发送，直到正确收到了客户端的消息回执。
57.而面对服务端业务的大流量场景，服务端发给网关的每条消息都发送回执的方式效率较低，也提供了基于消息队列的接收和发送方式，在设计通讯协议时参考了mqtt规范，拓展了认证和鉴权设计，完成了业务消息的隔离与解耦，保证了一定程度的传输可靠性。同时保持了与mqtt协议一定程度上兼容，这样便于直接使用mqtt的各端客户端实现，降低业务方接入成本。
58.所述长链接网关包括：
59.接入层使用openresty实现，负责连接负载均衡和会话保持；
60.长连接broker，部署在容器中，负责协议解析、认证与鉴权、会话、发布订阅等逻辑；
61.redis存储，持久化会话数据；
62.kafka消息队列，分发消息给broker或业务方；
63.其中，kafka和redis是基础组件，已平台化和容器化，都能完成分钟级快速扩容。
64.因此，将所述弹窗数据基于所述长链接网关发送给所述目标页面，令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗，由于采用了长链接网关，因此，弹窗触发逻辑是异步实现的，目标页面与弹窗之间不存在耦合，不会因为弹窗出现问题，导致业务本身受影响。
65.进一步的，所述第二终端中还包括配置后台，其中，所述配置后台用于在接收到对所述第一终端中弹窗数据的更新请求的情况下，基于所述配置后台对所述弹窗数据进行调整，所述弹窗数据的调整包括：对所述弹窗数据中的参数进行删除、替换和添加等，以及对与所述弹窗数据与对应页面的管理安关系进行调整等。
66.本发明实施例中，针对所述第二终端中的弹窗数据的确定过程，本发明实施例中提供了一种弹窗显示方法，应用于所述第二终端，有选的，所述第二终端为包含有弹窗数据的系统，所述方法的执行流程如图2所示，包括步骤：
67.s201、接收对目标app中目标页面的访问请求，基于所述访问请求判断所述目标页面是否关联弹窗；
68.本发明实施例中，在用户通过点击或者其他方式访问所述目标app中的目标页面时，接受对所述目标页面的访问请求，将所述访问请求基于预设的应用程序接口以消息队列的形式发送给所述第一终端，同时，所述应用陈醋接口沪江业务数据返回给所述目标app，以令所述目标app基于所述业务数据构建目标页面，所述第一终端解析所述访问请求，获取所述访问请求中的用户标识和页面标识，优选的，所述用户标识用于表示用户的信息，所述用户标识可以为用户uid，所述页面标识用于标识具体的页面信息，所述页面标识可以为页面的id或者编码等。
69.优选的，基于经验或者具体场景，为用户标识和/或页面标识建立弹窗与页面的关联关系，在获取到所述用户标识和所述页面标识后，判断是否存在与所述页面标识和/或所述页面标识存在关联的目标页面。
70.s202、获取与所述目标页面对应的弹窗数据；
71.本发明实施例中，若存在与所述页面标识和/或所述页面标识存在关联的目标页面，获取与所述目标页面对应的弹窗数据。
72.s203、将所述弹窗数据发送给所述第一终端，以令所述第一终端将所述弹窗数据发送给所述目标页面。
73.本发明实施例中，没有将所述弹窗数据直接发送给所述目标app，而是将所述弹窗数据发送给所述第一终端，以令所述第一终端将所述弹窗数据发送给所述目标app中的目标页面。
74.进一步的，由于将所述弹窗数据先发给所述第一终端，基于所述第一终端再将所述弹窗数据发送给所述目标app中的目标页面，实现了目标页面的显示和基于弹窗数据进行弹窗展示的异步实现，因此，目标页面与弹窗之间不存在耦合，不会因为弹窗出现问题，
导致业务本身受影响。
75.基于上述的弹窗显示方法进行举例，具体执行流程的信令图如图3所示，包括：app、api、弹窗系统和长链接系统，其中，所述app将用户访问页面的消息发送给所述api，所述api写入用户访问信息到所述弹窗系统，所述弹窗系统判断是否需要弹窗，若需要，将对应的弹窗数据发送给所述长链接系统，基于所述长链接系统返回所述弹窗数据到所述目标app中的对应页面。
76.基于上述一种弹窗的显示方法，应用于第一终端，本发明实施例中提供了一种弹窗的显示装置，应用于第一终端，所述装置的结构框图如图4所示，包括：
77.接收模块301、确定模块302和第一发送模块303。
78.其中，
79.所述接收模块301，用于接收第二终端发送的弹窗数据，其中，所述弹窗数据与目标app中的目标页面存在关联关系；
80.所述确定模块302，用于基于所述关联关系，确定与所述弹窗数据对应的所述目标页面；
81.所述第一发送模块303，用于将所述弹窗数据发送给所述目标页面，以令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗。
82.本发明公开了一种弹窗的显示装置，应用于第一终端，包括：接收第二终端发送的弹窗数据，其中，所述弹窗数据与目标app中的目标页面存在关联关系；基于所述关联关系，确定与所述弹窗数据对应的所述目标页面；将所述弹窗数据发送给所述目标页面，以令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗。上述过程中，弹窗数据先由第二终端发送给第一终端，再由第一终端发送给目标页面，实现了目标页面的显示和基于弹窗数据进行弹窗展示的异步实现，因此，目标页面与弹窗之间不存在耦合，不会因为弹窗出现问题，导致业务本身受影响。
83.本发明实施例中，在所述第一终端为长链接网关的情况下，所述发送模块，用于将所述弹窗数据基于所述长链接网关发送给所述目标页面，以令所述目标app基于所述弹窗数据在所述目标页面中展示弹窗。
84.本发明实施例中，所述第二终端中还包括：配置后台304。
85.其中，
86.所述配置后台304，用于在接收到对所述第一终端中弹窗数据的更新请求的情况下，基于所述配置后台对所述弹窗数据进行调整。
87.基于上述一种弹窗的显示方法，应用于第二终端，本发明实施例中提供了一种弹窗的显示装置，应用于第二终端，所述装置的结构框图如图5所示，包括：
88.接收和判断模块401、获取模块402和第二发送模块403。
89.其中，
90.所述接收和判断模块401，用于接收对目标app中目标页面的访问请求，基于所述访问请求判断所述目标页面是否关联弹窗；
91.所述获取模块402，用于若是，获取与所述目标页面对应的弹窗数据；
92.所述第二发送模块403，用于将所述弹窗数据发送给所述第一终端，以令所述第一终端将所述弹窗数据发送给所述目标页面。
93.本发明实施例公开了一种弹窗的显示装置，应用于第二终端，包括：接收对目标app中目标页面的访问请求，基于所述访问请求判断所述目标页面是否关联弹窗；若是，获取与所述目标页面对应的弹窗数据；将所述弹窗数据发送给所述第一终端，以令所述第一终端将所述弹窗数据发送给所述目标页面。上述过程中，由于将所述弹窗数据先发给所述第一终端，基于所述第一终端再将所述弹窗数据发送给所述目标app中的目标页面，实现了目标页面的显示和基于弹窗数据进行弹窗展示的异步实现，因此，目标页面与弹窗之间不存在耦合，不会因为弹窗出现问题，导致业务本身受影响。
94.本发明实施例中，所述接收和判断模块401包括：
95.发送单元404、获取单元405和判断单元406。
96.其中，
97.所述发送单元404，用于将所述访问请求基于预设的应用程序接口发送给所述第一终端；
98.所述获取单元405，用于所述第一终端获取所述访问请求中的用户标识和页面标识；
99.所述判断单元406，用于基于所述用户标识和所述页面标识判断所述目标页面是否存在关联弹窗。
100.本领域内的技术人员应明白，本技术的实施例可提供为方法、系统、或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd
‑
rom、光学存储器等)上实施的计算机程序产品的形式。
101.本技术是参照根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
102.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
103.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
104.在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
105.存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。存储器是计算机可读介
质的示例。
106.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd
‑
rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
107.还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
108.本领域技术人员应明白，本技术的实施例可提供为方法、系统或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd
‑
rom、光学存储器等)上实施的计算机程序产品的形式。
109.以上仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。