技术摘要：
本申请实施例属于计算机技术领域，涉及一种页面跳转方法，包括根据预先创建的RN模块名称生成RN模块配置表，根据预先创建的静态H5模块名称和静态H5页面名称生成H5模块配置表，执行重写load方法生成Native模块配置表；当监控到Native端或RN端接收到携带有目标模块名称和 全部
背景技术：
在应用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模块配置表的步骤包括： 5 CN 111552463 A 说 明 书 2/12 页 指示所述Native端执行与信息文件关联的模块解析脚本，以读取所述信息文件获 取所述RN模块名称，根据获取的所述RN模块名称生成RN模块配置表； 所述执行重写load方法生成Native模块配置表的步骤包括： 指示所述Native端执行重写load方法，在load方法中将预设的Native模块名称和 Native页面名称加载到全局数组中，生成Native模块配置表。 进一步的，所述Native模块配置表还包括模块类和页面类，所述Native模块名称 与所述模块类一一对应，所述页面类与所述Native页面名称一一对应；所述模块类与至少 一个页面类具有对应关系；所述进行Native页面跳转的步骤包括： 根据所述目标模块名称获取Native模块配置表，确定与所述目标模块名称对应的 所述模块类； 根据所述目标页面名称和确定的所述模块类确定对应的页面类； 根据所述页面类选择预先配置的控制器； 通过所述控制器进行Native页面跳转。 进一步的，所述RN模块名称以react_native开头；所述指示Native端执行与信息 文件关联的模块解析脚本，读取所述信息文件获取所述RN模块名称，根据获取的所述RN模 块名称生成RN模块配置表的步骤包括： 指示所述Native端执行与信息文件关联的模块解析脚本，读取所述信息文件中以 react_native开头的模块名称； 根据获取的所述RN模块名称生成RN模块配置表； 将所述RN模块配置表存储入JavaScript全局数组中。 进一步的，所述根据预设条件确认所述页面跳转请求的目标页面是否为H5页面的 步骤包括： 当监控到所述Native端接收到携带有目标模块名称和目标页面名称的页面跳转 请求，且所述RN模块配置表中不存在所述目标模块名称时，获取所述H5模块配置表，判断所 述目标模块名称与所述静态H5模块名称是否相同； 若所述目标模块名称与所述静态H5模块名称相同，则确认所述页面跳转请求的目 标页面为H5页面； 所述页面跳转请求还携带有目标页面跳转传递参数，所述目标页面跳转传递参数 携带有URL； 所述进行H5页面跳转的步骤包括： 通过所述目标页面跳转传递参数获取URL，通过所述URL进行H5页面跳转。 进一步的，所述页面跳转请求还携带有目标页面跳转传递参数； 所述根据所述目标页面名称进行RN页面跳转的步骤包括： 根据所述目标页面名称进行RN页面跳转的同时，根据所述目标页面跳转传递参数 获得目标页面的上一个页面中的自定义信息； 将所述自定义信息传输至目标页面。 进一步的，所述根据预设条件确认页面跳转请求的目标页面是否为H5页面的步骤 包括： 当监控到所述RN端接收到携带有目标模块名称和目标页面名称的页面跳转请求， 6 CN 111552463 A 说 明 书 3/12 页 且所述RN模块配置表中不存在所述目标模块名称时，则识别所述页面跳转请求； 判断所述页面跳转请求中是否携带有URL； 若所述页面跳转请求中携带有URL，则确认所述页面跳转请求的目标页面为H5页 面； 所述进行H5页面跳转的步骤之前还包括： 将所述目标模块名称和所述目标页面名称传递至所述Native端，以指示所述 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页面跳转。 为了解决上述技术问题，本申请实施例还提供一种计算机设备，采用了如下所述 的技术方案： 一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机程序，所述处 理器执行所述计算机程序时实现上述的一种页面跳转方法的步骤。 为了解决上述技术问题，本申请实施例还提供一种计算机可读存储介质，采用了 如下所述的技术方案： 一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述 计算机程序被处理器执行时实现上述的一种页面跳转方法的步骤。 与现有技术相比，本申请实施例主要有以下有益效果：本申请生成RN配置模块表、 Native配置模块表、H5配置模块表，使用统一的方法解析传入的目标模块名称和目标页面 名称来判断本次页面请求的页面跳转隶属于什么类型页面，进而传入相应的模块名称和页 面名称及页面参数完成页面跳转。 在本申请提供的方法中，业务开发人员不需要关心内部实现逻辑，只需知道想要 跳转的模块名称和页面名称即可调用该方法进行页面跳转，省去了RN页面如何跳转Native 7 CN 111552463 A 说 明 书 4/12 页 页面及H5页面、Native页面如何跳转RN页面及H5页面等学习成本，极大提升了开发效率。 附图说明 为了更清楚地说明本申请中的方案，下面将对本申请实施例描述中所需要使用的 附图作一个简单介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域 普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。 图1是本申请可以应用于其中的示例性系统架构图； 图2是根据本申请的一种页面跳转方法的一个实施例的流程图； 图3是根据本申请的一种页面跳转装置的一个实施例的结构示意图； 图4是根据本申请的计算机设备的一个实施例的结构示意图。 附图标记：200、计算机设备；201、存储器；202、处理器；203、网络接口；300、页面跳 转装置；301、创建模块；302、生成模块；303、确认模块；304、第一跳转模块。
