一种页面返回方法、装置、设备和介质制造方法及图纸

本申请提供了一种页面返回方法、装置、设备和介质，可应用于移动互联领域或金融领域。方法包括：接收uni

【技术实现步骤摘要】
一种页面返回方法、装置、设备和介质


[0001]本申请涉及计算机
，特别是涉及一种页面返回方法、装置、设备和介质。

技术介绍

[0002]React Native(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物，支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用。
[0003]目前，基于React Native技术开发的安卓设备在使用react
‑
native
‑
webview组件加载uni
‑
app技术开发的H5页面时，若用户触发安卓设备原生的返回键，会直接退出整个H5模块。但是，用户触发返回键可能只是想返回当前页面的前一页面，直接退出整个H5模块可能与用户的意图不相符，导致用户体验较差。例如，由H5模块的首页面跳转至该H5模块的第二页面，再跳转至该H5模块的第三页面，用户想要返回H5模块的第二页面而点击安卓手机原生的物理返回键，此时会直接跳转至H5模块的首页面或者退出H5模块，而非第二页面，给用户带来了不好的操作体验。

技术实现思路

[0004]有鉴于此，本申请提供了一种页面返回方法、装置、设备和介质，用于解决现有技术存在的加载uni
‑
app技术开发的H5页面时，点击安卓设备自带返回键或触发自带手势返回直接退出整个H5模块的问题，其技术方案如下：
>[0005]一种页面返回方法，包括：
[0006]接收uni
‑
app技术开发的H5模块在每次页面跳转时发送来的指示信息，根据指示信息生成跳转后页面对应的首页状态信息，其中，指示信息为H5模块在监听到页面跳转时，生成的跳转后页面是否为H5模块的首页面的指示信息；
[0007]监听用户对基于React Native框架开发的安卓设备原生的返回键的操作行为；
[0008]在监听到返回键被触发时，根据目标首页状态信息，确定当前显示页面是否为H5模块的首页面，其中，目标首页状态信息为根据H5模块最近一次发送来的指示信息生成的首页状态信息；
[0009]若当前显示页面不为H5模块的首页面，则返回当前显示页面的前一页面。
[0010]可选的，H5模块预先配置有React Native框架支持的监听处理函数BackHandler；
[0011]监听用户对基于React Native框架开发的安卓设备原生的返回键的操作行为，包括：
[0012]通过监听处理函数BackHandler监听用户对返回键的操作行为。
[0013]可选的，用户对返回键的操作行为包括：用户对返回键的主动触发行为和/或被动触发行为，其中，被动触发行为是指用户触发安卓设备原生的手势返回使得返回键被动触发的行为。
[0014]可选的，根据指示信息生成跳转后页面对应的首页状态信息，包括：
[0015]通过安卓设备的react
‑
native
‑
webview组件根据指示信息生成跳转后页面对应的首页状态信息，并使用状态处理函数setState将生成的首页状态信息更新到预设的状态字段中；
[0016]根据目标首页状态信息，确定当前显示页面是否为H5模块的首页面，包括：
[0017]从状态字段中获取目标首页状态信息，并根据获取的目标首页状态信息，确定当前显示页面是否为H5模块的首页面。
[0018]可选的，还包括：
[0019]若当前显示页面为H5模块的首页面，则返回H5模块的前一页面。
[0020]一种页面返回装置，包括：首页状态信息获取单元、返回监听单元、首页面判断单元和第一页面返回单元；
[0021]首页状态信息获取单元，用于接收uni
‑
app技术开发的H5模块在每次页面跳转时发送来的指示信息，根据指示信息生成跳转后页面对应的首页状态信息，其中，指示信息为H5模块在监听到页面跳转时，生成的跳转后页面是否为H5模块的首页面的指示信息；
[0022]返回监听单元，用于监听用户对基于React Native框架开发的安卓设备原生的返回键的操作行为；
[0023]首页面判断单元，用于在监听到返回键被触发时，根据目标首页状态信息，确定当前显示页面是否为H5模块的首页面，其中，目标首页状态信息为根据H5模块最近一次发送来的指示信息生成的首页状态信息；
[0024]第一页面返回单元，用于若当前显示页面不为H5模块的首页面，则返回当前显示页面的前一页面。
[0025]可选的，H5模块预先配置有React Native框架支持的监听处理函数BackHandler；
[0026]返回监听单元在监听用户对基于React Native框架开发的安卓设备原生的返回键的操作行为时，具体用于通过监听处理函数BackHandler监听用户对返回键的操作行为。
[0027]可选的，首页状态信息获取单元在根据指示信息生成跳转后页面对应的首页状态信息时，具体用于通过安卓设备的react
‑
native
‑
webview组件根据指示信息生成跳转后页面对应的首页状态信息，并使用状态处理函数setState将生成的首页状态信息更新到预设的状态字段中；
[0028]首页面判断单元在根据目标首页状态信息，确定当前显示页面是否为H5模块的首页面时，具体用于从状态字段中获取目标首页状态信息，并根据获取的目标首页状态信息，确定当前显示页面是否为H5模块的首页面。
[0029]一种页面返回设备，包括存储器和处理器；
[0030]存储器，用于存储程序；
[0031]处理器，用于执行程序，实现如上述任一项的页面返回方法的各个步骤。
[0032]一种可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时，实现如上述任一项的页面返回方法的各个步骤。
[0033]经由上述的技术方案可知，本申请提供的页面返回方法，考虑到React Native框架原生的路由监听函数无法监听到基于uni
‑
app技术开发的H5页面的路由变化，而H5模块能够在页面跳转时监听到自己的路由改变，为此，本申请创建了能够在监听到页面跳转时，生成跳转后页面是否为H5模块的首页面的指示信息的H5模块，在H5模块生成指示信息后，
本申请能够根据该指示信息确定跳转后页面对应的首页状态信息，从而在监听到基于React Native框架开发的安卓设备原生的返回键被触发时，本申请可以根据目标首页状态信息，确定当前显示页面是否为H5模块的首页面，若当前显示页面不为H5模块的首页面，则返回当前显示页面的前一页面。由此可见，本申请在当前显示页面不是H5页面的首页面时，可以返回当前显示页面的前一页面，而非直接返回首页面或者退出整个H5模块，返本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面返回方法，其特征在于，包括：接收uni
‑
app技术开发的H5模块在每次页面跳转时发送来的指示信息，根据所述指示信息生成跳转后页面对应的首页状态信息，其中，所述指示信息为所述H5模块在监听到页面跳转时，生成的跳转后页面是否为所述H5模块的首页面的指示信息；监听用户对基于React Native框架开发的安卓设备原生的返回键的操作行为；在监听到所述返回键被触发时，根据目标首页状态信息，确定当前显示页面是否为所述H5模块的首页面，其中，所述目标首页状态信息为根据所述H5模块最近一次发送来的指示信息生成的首页状态信息；若所述当前显示页面不为所述H5模块的首页面，则返回所述当前显示页面的前一页面。2.根据权利要求1所述的页面返回方法，其特征在于，所述H5模块预先配置有所述React Native框架支持的监听处理函数BackHandler；所述监听用户对基于React Native框架开发的安卓设备原生的返回键的操作行为，包括：通过所述监听处理函数BackHandler监听所述用户对所述返回键的操作行为。3.根据权利要求2所述的页面返回方法，其特征在于，所述用户对所述返回键的操作行为包括：所述用户对所述返回键的主动触发行为和/或被动触发行为，其中，所述被动触发行为是指所述用户触发所述安卓设备原生的手势返回使得所述返回键被动触发的行为。4.根据权利要求2所述的页面返回方法，其特征在于，所述根据所述指示信息生成跳转后页面对应的首页状态信息，包括：通过所述安卓设备的react
‑
native
‑
webview组件根据所述指示信息生成所述跳转后页面对应的首页状态信息，并使用状态处理函数setState将生成的首页状态信息更新到预设的状态字段中；所述根据目标首页状态信息，确定当前显示页面是否为所述H5模块的首页面，包括：从所述状态字段中获取所述目标首页状态信息，并根据获取的所述目标首页状态信息，确定所述当前显示页面是否为所述H5模块的首页面。5.根据权利要求1所述的页面返回方法，其特征在于，还包括：若所述当前显示页面为所述H5模块的首页面，则返回所述H5模块的前一页面。6.一种页面返回装置，其特征在于，包括：首页状态信息获取单元、返回监听单元、首页面判断单元和第一页面返回...

【专利技术属性】
技术研发人员：高小小，张单单，
申请(专利权)人：中银金融科技有限公司，
类型：发明
国别省市：