[发明专利]一种页面跳转方法、装置、计算机设备及存储介质

说明书

本申请实施例属于计算机技术领域，涉及一种页面跳转方法，包括根据预先创建的RN模块名称生成RN模块配置表，根据预先创建的静态H5模块名称和静态H5页面名称生成H5模块配置表，执行重写load方法生成Native模块配置表；当监控到Native端或RN端接收到携带有目标模块名称和目标页面名称的页面跳转请求时，确认RN模块配置表中是否存在目标模块名称；若存在，根据目标页面名称进行RN页面跳转；若不存在，根据预设条件确认页面跳转请求的目标页面是否为H5页面；若为H5页面，根据H5模块配置表进行H5页面跳转；若不为H5页面，根据Native模块配置表进行Native页面跳转。本申请还提供一种页面跳转装置、计算机设备及存储介质。本申请统一跳转方式置，提升了开发效率。

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面跳转方法、装置、计算机设备及存储介质。

背景技术

在应用react-native框架做开发的项目中，页面大多数由JavaScript所编写的RN(React Native)页面构成，少数由H5页面及native语言所编写原生(native)页面构成。比如：OCR扫描、人脸识别、扫码支付等JavaScript不易勾画出的页面就由native实现。又如：理财、保险等可移植模块一般由H5实现。

由于页面编写的语言不同，使得RN页面、native页面和H5页面相互跳转方式也各不相同的同时，跳转过程相当繁琐，造成系统负担，此时寻求简单统一的页面跳转方式就显得尤为重要。

发明内容

本申请实施例的目的在于提出一种页面跳转方法，将跳转方式进行统一设置，相关人员可以直接调用设置好的跳转方式进行软件开发。

为了解决上述技术问题，本申请实施例提供一种页面跳转方法，采用了如下所述的技术方案：

一种页面跳转方法，包括下述步骤：

创建存储RN模块名称的信息文件，并创建一组静态H5模块名称和静态H5页面名称分别作为H5模块名称和H5页面名称；

当检测到应用启动时，指示Native端读取所述信息文件以获取所述RN模块名称，根据获取的所述RN模块名称生成RN模块配置表，根据所述静态H5模块名称和所述静态H5页面名称生成H5模块配置表，执行重写load方法生成Native模块配置表；

当监控到所述Native端或RN端接收到携带有目标模块名称和目标页面名称的页面跳转请求时，确认所述RN模块配置表中是否存在所述目标模块名称，其中，所述页面跳转请求用于请求跳转至目标页面；

若所述RN模块配置表中存在所述目标模块名称，则根据所述目标页面名称进行RN页面跳转；

若不存在所述目标模块名称，则根据预设条件确认所述页面跳转请求的目标页面是否为H5页面；

若为H5页面，则根据H5模块配置表进行H5页面跳转；以及

若不为H5页面，则直接进行Native页面跳转或者根据Native模块配置表进行Native页面跳转。

进一步的，所述指示Native端读取所述信息文件以获取所述RN模块名称，根据获取的所述RN模块名称生成RN模块配置表的步骤包括：

指示所述Native端执行与信息文件关联的模块解析脚本，以读取所述信息文件获取所述RN模块名称，根据获取的所述RN模块名称生成RN模块配置表；

所述执行重写load方法生成Native模块配置表的步骤包括：

指示所述Native端执行重写load方法，在load方法中将预设的Native模块名称和Native页面名称加载到全局数组中，生成Native模块配置表。