原生页面与H5页面路径连通方法、装置、设备及介质制造方法及图纸

技术编号:36565576 阅读:23 留言:0更新日期:2023-02-04 17:21
本申请提供了一种原生页面与H5页面路径连通方法、装置、设备及介质,该方法包括:在内存中分别创建第一原生数据项、第二原生数据项、第一H5数据项及第二H5数据项;确定H5页面对应的目标容器;监听目标容器的生命周期变化情况,基于监听结果从第二H5数据项中获取前向H5页面地址,从第一H5数据项中获取当前H5页面路径;确定前向H5页面地址是否存在;若前向H5页面地址不存在,从第一原生数据项中获取当前原生页面路径,利用当前H5页面路径以及当前原生页面路径实现原生页面与H5页面的路径连通。通过采用上述原生页面与H5页面路径连通方法、装置、设备及介质,解决了无法完整获取整个浏览周期内的用户行为路径的问题。览周期内的用户行为路径的问题。览周期内的用户行为路径的问题。

【技术实现步骤摘要】
原生页面与H5页面路径连通方法、装置、设备及介质


[0001]本申请涉及互联网
,具体而言,涉及一种原生页面与H5页面路径连通方法、装置、设备及介质。

技术介绍

[0002]随着互联网技术的快速发展,在移动端应用开发过程中越来越多地采用混合开发模式,即采用原生与H5的混合开发模式,混合开发模式具有响应速度快、便于集成等优点。采用混合开发模式开发的移动端应用在进行页面浏览数据采集时,通常是针对原生页面的浏览事件和H5页面的浏览事件分别进行独立的数据采集,得到两份数据。
[0003]然而,采用上述方法采集数据时,由于分别对原生页面的浏览事件和H5页面的浏览事件进行独立的数据采集,难以将用户的浏览路径连通起来,导致在混合开发模式下,仅能获取原生页面或者H5页面的部分用户行为路径,无法完整获取用户在整个浏览周期内的行为路径。

技术实现思路

[0004]有鉴于此,本申请的目的在于提供一种原生页面与H5页面路径连通方法、装置、设备及介质,以解决在混合开发模式下,无法完整获取用户在整个浏览周期内的行为路径的问题。
[0005]第一方面,本申请实施例提供了一种原生页面与H5页面路径连通方法,包括:
[0006]在内存中分别创建第一原生数据项、第二原生数据项、第一H5数据项以及第二H5数据项,第一原生数据项用于存储当前原生页面路径,第二原生数据项用于存储前向原生页面地址,第一H5数据项用于存储当前H5页面路径,第二H5数据项用于存储前向H5页面地址;
[0007]确定H5页面对应的目标容器,在目标容器上加载页面视图,在页面视图上展示H5页面;
[0008]监听目标容器的生命周期变化情况,基于监听结果从第二H5数据项中获取前向H5页面地址,从第一H5数据项中获取当前H5页面路径;
[0009]确定前向H5页面地址是否存在;
[0010]若前向H5页面地址不存在,从第一原生数据项中获取当前原生页面路径,将当前原生页面路径作为当前H5页面的前向H5页面地址,利用当前H5页面路径以及当前原生页面路径实现原生页面与H5页面的路径连通。
[0011]可选地,方法还包括:监听原生页面的生命周期中的原生重新返回方法以及原生暂停方法,确定原生重新返回方法以及原生暂停方法是否被触发;若原生重新返回方法触发,触发原生页面浏览事件,分别从第一原生数据项以及第二原生数据项中获取当前原生页面路径以及前向原生页面地址;若原生暂停方法触发,触发原生页面压后台事件,分别从第一原生数据项以及第二原生数据项中获取当前原生页面路径以及前向原生页面地址。
[0012]可选地,监听目标容器的生命周期变化情况,包括:监听目标容器的生命周期对应的H5重新返回方法以及H5暂停方法,确定H5重新返回方法以及H5暂停方法是否被触发。
[0013]可选地,基于监听结果从第二H5数据项中获取前向H5页面地址,从第一H5数据项中获取当前H5页面路径,包括:若H5重新返回方法触发,触发H5页面浏览事件,从第二H5数据项中获取前向H5页面地址,从第一H5数据项中获取当前H5页面路径;若H5暂停方法触发,触发H5页面压后台事件,从第二H5数据项中获取前向H5页面地址,从第一H5数据项中获取当前H5页面路径。
[0014]可选地,在若H5暂停方法触发,触发H5页面压后台事件,从第二H5数据项中获取前向H5页面地址,从第一H5数据项中获取当前H5页面路径之后,还包括:将获取的当前H5页面路径存储到第二原生数据项中,第二原生数据项是与第一原生数据项同时创建的,第二原生数据项用于存储前向原生页面地址;确定第一原生数据项中的取值是否发生改变;若第一原生数据项中的取值发生改变,清空所述第二H5数据项中的数据。
[0015]可选地,在确定前向H5页面地址是否存在之后,还包括:获取当前时间;将当前时间存储在第三H5数据项中。
[0016]可选地,在触发H5页面压后台事件之后,还包括:获取当前时间以及第三H5数据项中存储的时间;将获取的当前时间与第三H5数据项中存储的时间之差作为H5页面浏览时长。
[0017]第二方面,本申请实施例还提供了一种原生页面与H5页面路径连通装置,所述装置包括:
[0018]数据项创建模块,用于在内存中分别创建第一原生数据项、第二原生数据项、第一H5数据项以及第二H5数据项,第一原生数据项用于存储当前原生页面路径,第二原生数据项用于存储前向原生页面地址,第一H5数据项用于存储当前H5页面路径,第二H5数据项用于存储前向H5页面地址;
[0019]容器选取模块,用于确定H5页面对应的目标容器,在目标容器上加载页面视图,在页面视图上展示H5页面;
[0020]容器监听模块,用于监听目标容器的生命周期变化情况,基于监听结果从第二H5数据项中获取前向H5页面地址,从第一H5数据项中获取当前H5页面路径;
[0021]地址确定模块,用于确定前向页面地址是否存在;
[0022]路径连通模块,用于若前向H5页面地址不存在,从第一原生数据项中获取当前原生页面路径,将当前原生页面路径作为当前H5页面的前向H5页面地址,利用当前H5页面路径以及当前原生页面路径实现原生页面与H5页面的路径连通。
[0023]第三方面,本申请实施例还提供一种电子设备,包括:处理器、存储器和总线,所述存储器存储有所述处理器可执行的机器可读指令,当电子设备运行时,所述处理器与所述存储器之间通过总线通信,所述机器可读指令被所述处理器执行时执行如上述的原生页面与H5页面路径连通方法的步骤。
[0024]第四方面,本申请实施例还提供一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行如上述的原生页面与H5页面路径连通方法的步骤。
[0025]本申请实施例带来了以下有益效果:
[0026]本申请实施例提供的一种原生页面与H5页面路径连通方法、装置、设备及介质,能够同时保存当前原生页面路径、当前H5页面路径以及前向H5页面地址,如果监控发现从第二H5数据项中获取的前向H5页面地址不存在,则说明是由原生页面跳转至H5页面的,于是从第一原生数据项中获取前向H5页面地址,以实现原生页面到H5页面的路径连通,与现有技术中的原生页面与H5页面路径连通方法相比,解决了无法完整获取整个浏览周期内的用户行为路径的问题。
[0027]为使本申请的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
[0028]为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
[0029]图1示出了本申请实施例所提供的原生页面与H5页面路径连通方法的流程图;
[0030]图2示出本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种原生页面与H5页面路径连通方法,其特征在于,包括:在内存中分别创建第一原生数据项、第二原生数据项、第一H5数据项以及第二H5数据项,所述第一原生数据项用于存储当前原生页面路径,所述第二原生数据项用于存储前向原生页面地址,所述第一H5数据项用于存储当前H5页面路径,所述第二H5数据项用于存储前向H5页面地址;确定H5页面对应的目标容器,在所述目标容器上加载页面视图,在页面视图上展示H5页面;监听所述目标容器的生命周期变化情况,基于监听结果从所述第二H5数据项中获取前向H5页面地址,从所述第一H5数据项中获取当前H5页面路径;确定所述前向H5页面地址是否存在;若所述前向H5页面地址不存在,从所述第一原生数据项中获取当前原生页面路径,将所述当前原生页面路径作为当前H5页面的前向H5页面地址,利用所述当前H5页面路径以及当前原生页面路径实现原生页面与H5页面的路径连通。2.根据权利要求1所述的方法,其特征在于,所述方法还包括:监听所述原生页面的生命周期中的原生重新返回方法以及原生暂停方法,确定所述原生重新返回方法以及所述原生暂停方法是否被触发;若所述原生重新返回方法触发,触发原生页面浏览事件,分别从所述第一原生数据项以及第二原生数据项中获取当前原生页面路径以及前向原生页面地址;若所述原生暂停方法触发,触发原生页面压后台事件,分别从所述第一原生数据项以及第二原生数据项中获取当前原生页面路径以及前向原生页面地址。3.根据权利要求1所述的方法,其特征在于,所述监听所述目标容器的生命周期变化情况,包括:监听所述目标容器的生命周期对应的H5重新返回方法以及H5暂停方法,确定所述H5重新返回方法以及所述H5暂停方法是否被触发。4.根据权利要求3所述的方法,其特征在于,所述基于监听结果从所述第二H5数据项中获取前向H5页面地址,从所述第一H5数据项中获取当前H5页面路径,包括:若所述H5重新返回方法触发,触发H5页面浏览事件,从所述第二H5数据项中获取前向H5页面地址,从所述第一H5数据项中获取当前H5页面路径;若所述H5暂停方法触发,触发H5页面压后台事件,从第二H5数据项中获取前向H5页面地址,从所述第一H5数据项中获取当前H5页面路径。5.根据权利要求4所述的方法,其特征在于,在所述若所述H5暂停方法触发,触发H5页面压后台事件,从第二H5数据项中获取前向H5页面地址,从所述第一...

【专利技术属性】
技术研发人员:张剑锋苏景博
申请(专利权)人:中电金信软件有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1