CN110555181B

CN110555181B - 一种页面交叉跳转方法及装置

Info

Publication number: CN110555181B
Application number: CN201810291757.9A
Authority: CN
Inventors: 孟磊; 张文明; 陈少杰
Original assignee: Wuhan Douyu Network Technology Co Ltd
Current assignee: Wuhan Douyu Network Technology Co Ltd
Priority date: 2018-03-30
Filing date: 2018-03-30
Publication date: 2022-03-25
Anticipated expiration: 2038-03-30
Also published as: CN110555181A

Abstract

本发明公开了一种页面交叉跳转方法及装置，应用于应用开发技术领域，该方法包括：监控M个原生页面与N个RN页面之间是否满足预设跳转条件，所述M个原生页面与所述N个RN页面属于同一目标应用程序，M、N均为大于1的整数；如果是，查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面；跳转至所述目标RN页面。通过本发明解决了现有技术中RN页面与原生页面的交叉跳转无法一直进行下去的技术问题。

Description

一种页面交叉跳转方法及装置

技术领域

本发明涉及应用开发技术领域，尤其涉及一种页面交叉跳转方法及装置。

背景技术

React Native(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。在实际生产中，毕竟Rn的组件还不是那么完善，所以，当我们需要软件比较炫酷的动画效果或者在使用Rn组件时遇到诡异的坑而没有进展的时候，我们可以使用RN与原生协同开发来实现最终效果，原生页面不仅可以跳转到RN页面，也可以把RN组件放到原生页面中作为原生页面的一部分。原生页面打开RN页面，RN页面中再打开其他native页面。为了达到这一目的，就需要原生页面与RN页面之间跳转。

在现有技术中，RN框架与原生模块(iOS平台或者安卓平台)协同开发的软件在页面跳转时，一次RN页面与原生页面的交叉跳转不会存在任何问题，但是RN页面与原生页面之间发生多次交叉跳转时，却无法将交叉跳转一直进行，在进行过程中会在第二次交叉跳转时就卡住，因此，就必须返回上一级页面才能跳转，因此，导致交叉跳转无法一直进行下去。

发明内容

本发明实施例通过提供一种页面交叉跳转方法及装置，解决了现有技术中RN页面与原生页面的交叉跳转无法持续进行的技术问题。

第一方面，本发明实施例提供一种页面交叉跳转方法，包括：

监控M个原生页面与N个RN页面之间是否满足预设跳转条件，所述M个原生页面与所述N个RN页面属于同一目标应用程序，M、N均为大于1的整数；

如果是，查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面；

跳转至所述目标RN页面。

可选的，所述路由数组预先创建于目标RN实例对象中；

所述N个RN页面同属于所述目标RN实例对象，所述路由数组中存储有所述N个RN页面中每个RN页面的页面展示组件的索引。

可选的，所述查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面，包括：

在所述M个原生页面中当前展示的原生页面向所述N个RN页面中的一个RN页面发生跳转时，查询所述N个RN页面中每个RN页面的页面展示组件的索引，确定所述待跳转的目标RN页面；

基于所述目标RN实例对象中的基础事件处理对象，单独向所述待跳转的目标RN页面对应的页面展示组件发起页面展示通知；

响应于所述页面展示通知，对所述目标RN页面进行展示。

可选的，所述监控所述M个原生页面与所述N个RN页面之间是否满足预设跳转条件，具体包括：

监控所述M个原生页面与所述N个RN页面之间是否发生交叉跳转，或者监控所述M个原生页面与所述N个RN页面之间是否发生两次以上交叉跳转。

可选的，单次所述交叉跳转，具体为：

所述M个原生页面中的第一原生页面向所述N个RN页面中的第一RN页面跳转之后，所述第一RN页面向所述M个原生页面中的第二原生页面跳转。

第二方面，本发明实施例提供了一种页面交叉跳转装置，包括：

跳转监控单元，用于监控M个原生页面与N个RN页面之间是否满足预设跳转条件，所述M个原生页面与所述N个RN页面属于同一目标应用程序，M、N均为大于1的整数；

页面确定单元，用于如果是，查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面；

跳转执行单元，用于跳转至所述目标RN页面。

可选的，所述路由数组预先创建于目标RN实例对象中；

可选的，所述页面确定单元，包括：

索引查询子单元，用于在所述M个原生页面中当前展示的原生页面向所述N个RN页面中的一个RN页面发生跳转时，查询所述N个RN页面中每个RN页面的页面展示组件的索引，确定所述待跳转的目标RN页面；

展示通知子单元，用于基于所述目标RN实例对象中的基础事件处理对象，单独向所述待跳转的目标RN页面对应的页面展示组件发起页面展示通知；

展示执行子单元，用于响应于所述页面展示通知，对所述目标RN页面进行展示。

可选的，所述跳转监控单元，具体用于：

可选的，单次所述交叉跳转，具体为：

第三方面，本发明实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现第一方面中任一可能的实现方式所述的页面交叉跳转方法。

第四方面，本发明实施例提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现第一方面中任一可能的实现方式所述的页面交叉跳转方法。

本发明实施例中提供的一个或多个技术方案，至少具有如下技术效果或优点：

监控属于同一目标应用程序的M个原生页面与N个RN页面之间是否满足预设跳转条件；如果是，查询与N个RN页面相关的路由数组，根据查询结果从N个RN页面中确定待跳转的目标RN页面；跳转至目标RN页面。从而，通过路由数组实现了M个原生页面与N个RN页面之间跳转时的路由栈作用，只会根据路由数组中的顺序进行跳转至所要跳转的RN页面，而不会通知所有的RN页面，因此，避免了向RN页面跳转时发生混乱，进而，RN页面与原生页面之间的交叉跳转能够持续进行下去，确保了目标应用程序中页面的交叉跳转顺利进行。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的页面交叉跳转方法的流程图；

图2为本发明实施例提供的页面交叉跳转装置的程序模块图；

图3为本发明实施例提供的计算机可读存储介质的结构示意图；

图4为本发明实施例提供的计算机设备的结构示意图。

具体实施方式

本发明实施例通过提供一种页面交叉跳转方法及装置，解决了现有技术中RN页面与原生页面的交叉跳转无法一直进行下去的技术问题。本发明实施例的技术方案为解决上述技术问题，总体思路如下：

监控属于同一目标应用程序的M个原生页面与N个RN页面之间是否满足预设跳转条件；如果是，查询与N个RN页面相关的路由数组，根据查询结果从N个RN页面中确定待跳转的目标RN页面；跳转至目标RN页面。

从而，基于上述技术方案，通过路由数组实现了M个原生页面与N个RN页面之间跳转时的路由栈作用，只会根据路由数组中的顺序进行跳转至所要跳转的RN页面，而不会通知所有的RN页面，因此，避免了向RN页面跳转时发生混乱，进而，RN页面与原生页面之间的交叉跳转能够持续进行下去，确保了目标应用程序中页面的交叉跳转顺利进行。

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供的一种页面交叉跳转方法，应用于目标应用程序中，需要说明的是，目标应用程序为基于RN框架与原生模块(iOS平台或者安卓平台的原生模块)协同开发的应用程序。更具体来讲，应用于RN框架与原生模块的手机APP中。目标应用程序中包括M个原生页面与N个RN页面，M、N均为大于1的整数。

参考图1所示，图1为本发明实施例提供的页面交叉跳转方法的流程图，本发明实施例提供的一种页面交叉跳转方法包括如下步骤：

步骤S101、监控所述M个原生页面与所述N个RN页面之间是否满足预设跳转条件，所述M个原生页面与所述N个RN页面属于同一目标应用程序，M、N均为大于1的整数；

步骤S102、如果所述M个原生页面与所述N个RN页面之间满足预设跳转条件，查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面；

步骤S103、跳转至所述目标RN页面。

下面，对步骤S101～步骤S103进行详细描述：

首先，执行步骤S101、监控所述M个原生页面与所述N个RN页面之间是否满足预设跳转条件，所述M个原生页面与所述N个RN页面属于同一目标应用程序，M、N均为大于1的整数。

具体的，所述M个原生页面与所述N个RN页面属于同一目标应用程序，具体而言，所述目标应用程序具体为基于RN框架与原生模块混合开发的应用。因此，所述目标应用程序包括原生模块的M个原生页面，以及RN框架开发的N个RN页面。

在具体实施过程中，预设跳转条件具体为：发生交叉跳转或者发生两次以上交叉跳转。则步骤S101中监控所述M个原生页面与所述N个RN页面之间是否满足预设跳转条件，具体为：监控所述M个原生页面与所述N个RN页面之间是否发生交叉跳转，或者监控所述M个原生页面与所述N个RN页面之间是否发生两次以上交叉跳转。

需要说明的是，目标应用程序在运行过程中会存在如下多种页面跳转情况：

情况一、M个原生页面之间的跳转：具体的，M个原生页面之间的跳转可以基于原生页面的路由方式进行，M个原生页面由任务栈(task)进行路由管理，任务栈具有后进先出的特性，用于存放M个原生页面对应的M个页面展示组件(Activity)，通过任务栈有序地管理每个原生页面的activity，在任务栈栈顶的activity跟用户进行交互，从而，跳转至任务栈栈顶的activity所对应的原生页面，从而实现原生页面之间的跳转。

情况二、N个RN页面之间的跳转：具体的，N个RN页面之间的跳转由N个RN页面的同一目标RN实例对象内部的导航器(Navigator)进行路由管理，实现N个RN页面之间的跳转。

情况三、原生页面与RN页面之间的单次跳转：具体的，可以是从原生页面跳转至RN页面，也可以是从RN页面跳转至原生页面。具体的，在原生模块中将rootViewController设置为UINavigationController，将待跳转的原生页面以及跳转方法传给RN框架，导入NativeModules组件之后，通过NativeModules组件调用原生模块中的跳转方法。初始化跳转方法，完成原生页面至RN页面的跳转。具体的，原生页面通过JS暴露接口给RN框架，可以实现RN页面跳转至原生页面。

情况四：M个原生页面与N个RN页面之间的交叉跳转。

下面对单次交叉跳转的形式进行解释说明：M个原生页面与N个RN页面之间的交叉跳转所指为：所述M个原生页面中的第一原生页面向第一RN页面跳转之后，第一RN页面向所述M个原生页面中的第二原生页面跳转，从而完成了单次交叉跳转。

下面对单次交叉跳转的形式和多次交叉跳转的形式分别进行解释说明：

举例来讲，M个原生页面，具体包括：原生页面_1，原生页面_2，原生页面_3，原生页面_4，原生页面_5，……，原生页面_X。N个RN页面，具体包括：RN页面_1，RN页面_2，RN页面_3，RN页面_4，RN页面_5，……，RN页面_X。

则一次交叉跳转的过程为：原生页面_1→RN页面_1→原生页面_2。

则两次交叉跳转的过程为：原生页面_1→RN页面_1→原生页面_2→RN页面_2→原生页面_3。

则三次交叉跳转的过程为：原生页面_1→RN页面_1→原生页面_2→RN页面_2→原生页面_3→RN页面_3→原生页面_4

则持续进行交叉跳转的过程为：原生页面_1→RN页面_1→原生页面_2→RN页面_2→原生页面_3→RN页面_3→原生页面_4→RN页面_4→原生页面_5→RN页面_5→……→原生页面_X→RN页面_X。

需要说明的是，“→”表示箭头前的页面向箭头后的页面跳转。

针对情况一至情况三的页面跳转不属于本发明实施例所针对的预设跳转条件范围内，可以参考页面跳转实施方式可以参考前述情况一～情况三的说明，或者，基于现有的页面跳转实施方式实现。

在具体实施过程中，目标应用程序只进行一次交叉跳转不会存在问题，但是在目标应用程序中进行两次以上交叉跳转时则会发生混乱，导致页面跳转失败。为了解决这一问题，在步骤S101之后，接着执行步骤S102～S103。

下面，对所述M个原生页面与所述N个RN页面之间满足预设跳转条件时，进行页面跳转的实施方式进行描述：

执行步骤S102：如果所述M个原生页面与所述N个RN页面之间满足预设跳转条件，查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面。

需要说明的是，路由数组预先创建于目标RN实例对象中，所述N个RN页面同属于所述目标RN实例对象，所述路由数组中存储有所述N个RN页面中每个RN页面的页面展示组件的索引。

具体的，所述路由数组具体为：在RN框架的代码中针对目标RN实例对象创建。所述路由数组具体为一个二维数组，作为M个原生页面与N个RN页面之间跳转时的路由栈作用。比如，二维数组中内容具体可以如下：RN页面_1的页面展示组件--索引1，RN页面_2的页面展示组件--索引2，RN页面_3的页面展示组件--索引3，RN页面_4的页面展示组件--索引4，RN页面_5的页面展示组件--索引5，……，RN页面_X的页面展示组件--索引X。这样，就可以对N个RN页面中的每个RN页面进行区分，而不会发生混乱。

在一优选的实施方式中，具体实施过程为：在M个原生页面与所述N个RN页面之间发生交叉跳转过程中的如下具体过程时：即：在M个原生页面中当前展示的原生页面向所述N个RN页面中的一个RN页面发生跳转时，查询所述N个RN页面中每个RN页面的页面展示组件的索引，确定所述待跳转的目标RN页面；基于所述目标RN实例对象中的基础事件处理对象(ReactInstanceManager)，单独向所述待跳转的目标RN页面对应的页面展示组件发起页面展示通知。

通过上述实施过程，就可以区分每个RN框架中页面展示组件所对应的RN页面，在ReactInstanceManager分发事件时不会通知所有RN页面，而单独通知目标RN页面的页面展示组件，只有目标RN页面的页面展示组件会得到页面展示通知。

在步骤S102之后，执行步骤S103：跳转至所述目标RN页面。

具体来讲，跳转至所述目标RN页面，可以为：目标RN页面的页面展示组件响应于所述页面展示通知，对所述目标RN页面进行展示。

对步骤S102～S103的实行过程进行举例来讲，在“原生页面_1→RN页面_1→原生页面_2→RN页面_2→原生页面_3”的两次交叉跳转的过程中。需要从“原生页面_2”跳转至“RN页面_2”时，在路由数组中查询每个RN页面的页面展示组件的索引，根据“RN页面_2的页面展示组件--索引2”，确定待跳转的RN页面为“RN页面_2”，基于所述目标RN实例对象中的基础事件处理对象(ReactInstanceManager)，单独向“RN页面_2”对应的页面展示组件发起页面展示通知，从而，“RN页面_2”的页面展示组件响应于页面展示通知，对“RN页面_2”进行展示。从而完成了两次交叉跳转中“原生页面_2”跳转至“RN页面_2”。不会通知RN页面_1的页面展示组件，因此，实现了在基础事件处理对象(ReactInstanceManager)分发事件时，所有RN页面的页面展示组件只处理自己的事件，而不会发生混乱。

基于同一发明构思，本发明实施例提供了一种页面交叉跳转装置，参考图2所示，包括：

跳转监控单元201，用于监控所述M个原生页面与所述N个RN页面之间是否满足预设跳转条件，所述M个原生页面与所述N个RN页面属于同一目标应用程序，M、N均为大于1的整数；

页面确定单元202，用于跳转监控单元201的监控结果为是，查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面；

跳转执行单元203，用于跳转至所述目标RN页面。

可选的，所述路由数组预先创建于目标RN实例对象中；

可选的，所述页面确定单元202，包括：

可选的，所述跳转监控单元201，具体用于：

可选的，单次所述交叉跳转，具体为：

基于同一发明构思，本发明实施例提供了一种计算机可读存储介质301，参考图3所示，其上存储有计算机程序302，该程序302被处理器执行时实现前述应用于游戏客户端的消息锁处理方法实施例中任一个实施方式所述的步骤，或者实现应用于游戏服务端的消息锁处理方法实施例中任一个实施方式所述的步骤。

基于同一发明构思，本发明实施例提供了一种计算机设备400，参考图4所示，包括存储器410、处理器430及存储在存储器410上并可在处理器430上运行的计算机程序420，所述处理器430执行所述程序420时实现前述应用于游戏客户端的消息锁处理方法实施例中任一个实施方式所述的步骤，或者实现应用于游戏服务端的消息锁处理方法实施例中任一个实施方式所述的步骤。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP，Digital Signal Processing)来实现根据本发明实施例的网关、代理服务器、系统中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读存储介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims

1.一种页面交叉跳转方法，其特征在于，所述方法包括：

监控M个原生页面与N个RN页面之间是否满足预设跳转条件，包括：监控所述M个原生页面与所述N个RN页面之间是否发生两次以上交叉跳转，所述M个原生页面与所述N个RN页面属于同一目标应用程序，所述交叉跳转具体为：所述M个原生页面中的第一原生页面向所述N个RN页面中的第一RN页面跳转之后，所述第一RN页面向所述M个原生页面中的第二原生页面跳转，M、N均为大于1的整数；

跳转至所述目标RN页面。

2.如权利要求1所述的页面交叉跳转方法，其特征在于，所述路由数组预先创建于目标RN实例对象中；

3.如权利要求2所述的页面交叉跳转方法，其特征在于，所述查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面，包括：

响应于所述页面展示通知，对所述目标RN页面进行展示。

4.一种页面交叉跳转装置，其特征在于，包括：

跳转监控单元，用于监控M个原生页面与N个RN页面之间是否满足预设跳转条件，包括：监控所述M个原生页面与所述N个RN页面之间是否发生两次以上交叉跳转，所述M个原生页面与所述N个RN页面属于同一目标应用程序，所述交叉跳转具体为：所述M个原生页面中的第一原生页面向所述N个RN页面中的第一RN页面跳转之后，所述第一RN页面向所述M个原生页面中的第二原生页面跳转，M、N均为大于1的整数；

跳转执行单元，用于跳转至所述目标RN页面。

5.如权利要求4所述的页面交叉跳转装置，其特征在于，所述路由数组预先创建于目标RN实例对象中；

6.如权利要求5所述的页面交叉跳转装置，其特征在于，所述页面确定单元，包括：

7.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-3中任一项所述的页面交叉跳转方法。

8.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1-3中任一项所述的页面交叉跳转方法。