[发明专利]应用页面加载方法、装置及计算机可读存储介质

说明书

本发明公开了一种应用页面加载方法，该方法包括：在ReactNative应用启动时，加载并执行ReactNative应用的公共包，以生成公共执行上下文，其中，ReactNative应用的软件包由公共包和业务包组成；当需要加载ReactNati ve页面时，检测执行上下文的缓存列表中是否有ReactNative应用的执行上下文信息；若执行上下文的缓存列表中没有ReactNative应用的执行上下文信息，则获取并加载生成的公共执行上下文；获取业务包，并在加载的公共执行上下文上执行业务包的代码，以加载ReactNative页面。本发明还提出一种应用页面加载装置以及一种计算机可读存储介质。本发明解决了现有技术中React Native应用首次加载ReactNative页面等待时间过长的技术问题。

技术领域

本发明涉及计算机技术领域，尤其涉及一种应用页面加载方法、装置及计算机可读存储介质。

背景技术

随着移动设备硬、软件技术的升级，移动端应用的应用场景越来越广泛，在以往的应用开发场景中，主要使用WEB技术进行实现跨平台应用开发。FaceBook公司发行了一套开源的跨平台移动应用开发框架，即ReactNative，可以简称为RN，由于RN使用Javascript语言，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

基于ReactNative开发的应用ReactNative提供的打包方式是将应用的全部相关代码打包成一个完整的文件然后通过ReactNative SDK(Software Devel opment Kit，软件开发工具包)进行加载、执行以及渲染出对应的页面。在应用页面加载时，当从原生界面首次跳转到React Native界面时，会有一段时间的白屏过程，经过一段时间的加载，才会加载出界面内容。这就导致React Native应用首次加载ReactNative页面时存在等待时间过长的技术问题。

发明内容

本发明提供一种应用页面加载方法、装置及计算机可读存储介质，其主要目的在于解决现有技术中ReactNative应用首次加载ReactNative页面等待时间过长的技术问题。

为实现上述目的，本发明还提供一种应用页面加载方法，该方法包括：

在ReactNative应用启动时，加载并执行所述ReactNative应用的公共包，以生成公共执行上下文，其中，所述ReactNative应用的软件包由公共包和业务包组成；

当需要加载ReactNative页面时，检测执行上下文的缓存列表中是否有所述ReactNative应用的执行上下文信息；

若执行上下文的缓存列表中没有所述ReactNative应用的执行上下文信息，则获取并加载生成的公共执行上下文；

获取所述业务包，并在加载的所述公共执行上下文上执行所述业务包的代码，以加载所述ReactNative页面。

可选地，所述当需要加载ReactNative页面时，检测执行上下文的缓存列表中是否有所述ReactNative应用的执行上下文信息的步骤之后，所述方法还包括步骤：

若执行上下文的缓存列表中有所述ReactNative应用的执行上下文信息，则获取所述公共执行上下文的加载清单，并根据所述加载清单判断当前的Re actNative页面所属的模块是否被加载；

若当前的ReactNative页面所属的模块已被加载，则创建根视图，为所述根视图指定与当前的ReactNative页面对应的组件名，并将指定组件名后的根视图添加到当前的ReactNative页面的视图上，以加载所述ReactNative页面；

确定当前的ReactNative页面对应的组件名，并将所述组件名添加至所述加载清单中。