应用冷启动优化方法、装置、计算机设备及存储介质与流程

本发明涉及reactnative优化方法，更具体地说是指应用冷启动优化方法、装置、计算机设备及存储介质。

背景技术：

reactnative是一个开源跨平台的移动开发框架，使用reactnative开发的应用可以用一套代码打包出ios和android应用，并且应用的性能可以媲美原生移动应用。但是reactnative应用冷启动时需要先把js代码加载到内存，然后进行解析和执行，js代码执行完成后应用才能启动。由于这一系列启动前的步骤，导致reactnative应用启动时间大大增加，一般来说应用的页面越多、逻辑越复杂，应用的冷启动时间越长。

针对上述的问题，现有两种解决方案，一是在reactnative页面启动之前，预先加载和执行js代码；二是对js代码分包和懒加载，只加载当前显示的reactnative页面需要的代码；但是第一种方案只适合reactnative和原生混合开发的应用，并且应用启动页面和首页不能有reactnative代码，因为该方案需要原生应用启动后，再用子线程异步加载reactnative应用的js代码，所以不适用于整个应用都是reactnative开发的应用；第二种方案没有考虑到reactnative应用多页面路由配置问题，reactnative应用的路由配置必须是静态的，且需要在根作用域下，也就是说所有页面的路由配置代码一定会在应用冷启动时加载和执行，路由配置代码包含导航栏按钮的逻辑响应代码，所以必然会包含复杂的业务逻辑代码，这样就会包含大量的js代码无法懒加载执行，导致启动速度的优化效果降低。

因此，有必要设计一种新的方法，实现解决了路由配置的问题，适用于所有reactnative应用的冷启动优化。

技术实现要素：

本发明的目的在于克服现有技术的缺陷，提供应用冷启动优化方法、装置、计算机设备及存储介质。

为实现上述目的，本发明采用以下技术方案：应用冷启动优化方法，包括：

获取reactnative应用的启动请求；

对js代码进行分包；

抽象出影子路由，并由影子路由承接静态路由配置；

根据分包后的js代码通过js代码转译技术连接影子路由和路由配置的逻辑代码，以得到优化后的js代码；

根据所述启动请求对优化后的js代码进行懒加载。

其进一步技术方案为：所述对js代码进行分包，包括：

将所述js代码按照页面组织进行打包。

其进一步技术方案为：所述抽象出影子路由，并由影子路由承接静态路由配置，包括：

抽象出影子路由，将路由逻辑配置代码从根作用域下沉到路由组件，以使影子路由承接静态路由配置。

其进一步技术方案为：所述根据分包后的js代码通过js代码转译技术连接影子路由和路由配置的逻辑代码，以得到优化后的js代码，包括：

对分包后的代码进行解析，以得到抽象语法树；

对抽象语法树进行转换，以将路由配置的逻辑代码与影子路由连接；

根据转换后的抽象语法树生成js代码，以得到优化后的js代码。

其进一步技术方案为：所述对抽象语法树进行转换，以将路由配置的逻辑代码与影子路由连接，包括：

对抽象语法树进行变换，并匹配到路由配置的逻辑代码，以得到抽象语法树中的待处理代码；

对所述抽象语法树中的待处理代码进行处理，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树。

其进一步技术方案为：所述对所述抽象语法树中的待处理代码进行处理，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树，包括：

对所述抽象语法树中的待处理代码进行添加、更新及移除，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树。

其进一步技术方案为：所述根据所述启动请求对优化后的js代码进行懒加载，包括：

根据所述启动请求启动优化后的js代码中关于启动页和首页的js代码。

本发明还提供了应用冷启动优化装置，包括：

请求获取单元，用于获取reactnative应用的启动请求；

分包单元，用于对js代码进行分包；

承接单元，用于抽象出影子路由，并由影子路由承接静态路由配置；

优化单元，用于根据分包后的js代码通过js代码转译技术连接影子路由和路由配置的逻辑代码，以得到优化后的js代码；

懒加载单元，用于根据所述启动请求对优化后的js代码进行懒加载。

本发明还提供了一种计算机设备，所述计算机设备包括存储器及处理器，所述存储器上存储有计算机程序，所述处理器执行所述计算机程序时实现上述的方法。

本发明还提供了一种存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时可实现上述的方法。

本发明与现有技术相比的有益效果是：本发明通过对js代码按照页面进行分包后，抽象出影子路由，由影子路由承接静态理由配置，并采用js代码转译技术连接影子路由和路由配置的逻辑代码，将路由配置的逻辑代码从启动过程移除，结合js代码的懒加载技术，实现解决了静态路由配置包含逻辑代码降低启动速度的问题，适用于所有reactnative应用的冷启动优化同时可以达到最大程度的优化效果，极大的提升了用户体验。

下面结合附图和具体实施例对本发明作进一步描述。

附图说明

为了更清楚地说明本发明实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的应用冷启动优化方法的流程示意图；

图2为本发明实施例提供的应用冷启动优化方法的子流程示意图；

图3为本发明实施例提供的应用冷启动优化方法的子流程示意图；

图4为本发明实施例提供的应用冷启动优化装置的示意性框图；

图5为本发明实施例提供的应用冷启动优化装置的优化单元的示意性框图；

图6为本发明实施例提供的应用冷启动优化装置的转换子单元的示意性框图；

图7为本发明实施例提供的计算机设备的示意性框图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。

还应当理解，在此本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。

还应当进一步理解，在本发明说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。

请参阅图1，图1为本发明实施例提供的应用冷启动优化方法的示意性流程图。该应用冷启动优化方法应用于终端中。当终端获取到reactnative应用的启动请求时，先对reactnative应用的启动所涉及的js代码进行分包处理，并构建影子路由，由影子路由承接静态路由配置，将懒启动过程涉及的公共应用js代码剔除，以使得路由配置相关的逻辑代码在应用启动时无需加载执行，提升启动速度优化效果。

图2是本发明实施例提供的应用冷启动优化方法的流程示意图。如图2所示，该方法包括以下步骤s110至s150。

s110、获取reactnative应用的启动请求。

在本实施例中，上述的启动请求是指对reactnative应用的冷启动请求。移动应用进程启动，对应的应用后台没被杀掉的情况下切前台就是冷启动。

s120、对js代码进行分包。

在本实施例中，将所述js代码按照页面组织进行打包。js代码是一种通用的解释型编程语言，一般用于web开发。

标准的reactnative应用启动时会加载所有的js代码到内存中进行解析，比如说应用有50mb的js代码，在代码执行前50mb代码必须全部加载到内存并解析，这个过程会花费不少时间，并且应用的代码越多消耗的时间越长，这样会导致大型的reactnative应用启动速度越来越慢。js代码分包就是将js代码按照页面组织打包，并且应用启动时只加载启动页和首页对应的js代码，其它的js代码也是在相应的页面显示时才加载和执行，即js代码懒加载，采用这种方案后应用启动时只加载启动页和首页所需的代码，极大的提升了启动速度，并且应用的规模大小也不会影响启动速度。

s130、抽象出影子路由，并由影子路由承接静态路由配置。

在本实施例中，影子路由是指与静态路由配置相同的虚拟路由，但是该影子路由在应用启动过程中无需加载逻辑代码。

js代码分包和懒加载优化启动速度是因为启动时只加载了启动页和首页所需的js代码，这些代码除了启动页和首页相关的逻辑代码外，还包括应用公共的js代码，这部分代码是包括根作用域下的所有代码的，标准的reactnative应用路由是需要静态配置的，并且在根作用域下，这样导致路由配置相关的逻辑代码必须在应用启动时加载执行，而这些路由配置是包括所有页面的，也就是说路由配置的逻辑代码在启动应用时是需要加载，这削弱了启动速度优化效果。因此，设置影子路由，让影子路由承接静态路由配置，但是在启动应用时无需加载路由逻辑代码，而影子路由承接静态路由配置又保证了页面路由的正常工作。

在本实施例中，抽象出影子路由，将路由逻辑配置代码从根作用域下沉到路由组件，以使影子路由承接静态路由配置。传统方案路由配置必须在根作用域的主要原因是页面导航器为了找到要跳转的页面必须读取全部的路由结构，而引入影子路由后在跳转页面时指定所属的影子路由，有影子路由代理指定的路由配置，这样页面导航器就不需要全部的路由配置。整个流程如下：页面跳转，指定影子路由，由页面导航器查找并读取影子路由，由影子路由读取路由配置信息后，得到原始页面，在进行渲染屏幕页面。

s140、根据分包后的js代码通过js代码转译技术连接影子路由和路由配置的逻辑代码，以得到优化后的js代码。

在本实施例中，优化后的js代码是指将路由逻辑代码从应用启动的相关代码中移除后的代码。

在一实施例中，请参阅图2，上述的步骤s140可包括步骤s141～s143。

s141、对分包后的代码进行解析，以得到抽象语法树；

在本实施例中，抽象语法树是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构

将js代码解析生成抽象语法树，也就是计算机理解代码的方式，一般来说每个js引擎都有自身的抽象语法树，比如熟知的chrome浏览器会把js源码转换为抽象语法树，再进一步转换为字节码或机器代码。在本实施例中，利用babel的babylon实现将js代码解析生成抽象语法树，简单来说就是一个对于js代码的一个编译过程，进行了词法分析与语法分析的过程。

s142、对抽象语法树进行转换，以将路由配置的逻辑代码与影子路由连接。

在一实施例中，请参阅图3，上述的步骤s142可包括步骤s1421～s1422。

s1421、对抽象语法树进行变换，并匹配到路由配置的逻辑代码，以得到抽象语法树中的待处理代码。

在本实施例中，抽象语法树中的待处理代码是指抽象语法树中关于路由配置的逻辑代码生成的内容。

对于抽象语法树进行变换一系列的操作，根据特定的语法规则匹配到路由配置相关的逻辑代码。路由配置的逻辑代码生成的抽象语法树都会有各自的语法特色，根据该语法特色所形成的语法规则在抽象语法树内进行查找，便可快速查找到当前抽象语法树关于路由配置的逻辑代码所在的节点。

s1422、对所述抽象语法树中的待处理代码进行处理，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树。

在本实施例中，转换后的抽象语法树是指对抽象语法树中关于路由配置的逻辑代码所在的节点进行移除和添加等操作后，使得处理后的抽象语法树转换后的js代码中不存在路由配置的逻辑代码的语法树。

具体地，对所述抽象语法树中的待处理代码进行添加、更新及移除，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树。

s143、根据转换后的抽象语法树生成js代码，以得到优化后的js代码。

将转换后的抽象语法树采用与步骤s141的逆向方式转换为js代码，由此得到优化后的js代码。

s150、根据所述启动请求对优化后的js代码进行懒加载。

在本实施例中，根据所述启动请求启动优化后的js代码中关于启动页和首页的js代码。

抽象出了影子路由来承接静态路由配置，原本的路由逻辑配置代码从根作用域下沉到路由组件本身，再通过js代码转译技术自动连接影子路由和路由配置逻辑代码，这样既把路由配置的逻辑代码从启动过程移除，同时又保证了页面路由的正常工作。

上述的应用冷启动优化方法，通过对js代码按照页面进行分包后，抽象出影子路由，由影子路由承接静态理由配置，并采用js代码转译技术连接影子路由和路由配置的逻辑代码，将路由配置的逻辑代码从启动过程移除，结合js代码的懒加载技术，实现解决了静态路由配置包含逻辑代码降低启动速度的问题，适用于所有reactnative应用的冷启动优化同时可以达到最大程度的优化效果，极大的提升了用户体验。

图4是本发明实施例提供的一种应用冷启动优化装置300的示意性框图。如图4所示，对应于以上应用冷启动优化方法，本发明还提供一种应用冷启动优化装置300。该应用冷启动优化装置300包括用于执行上述应用冷启动优化方法的单元，该装置可以被配置于台式电脑、平板电脑、手提电脑、等终端中。具体地，请参阅图4，该应用冷启动优化装置300包括请求获取单元301、分包单元302、承接单元303、优化单元304以及懒加载单元305。

请求获取单元301，用于获取reactnative应用的启动请求；分包单元302，用于对js代码进行分包；承接单元303，用于抽象出影子路由，并由影子路由承接静态路由配置；优化单元304，用于根据分包后的js代码通过js代码转译技术连接影子路由和路由配置的逻辑代码，以得到优化后的js代码；懒加载单元305，用于根据所述启动请求对优化后的js代码进行懒加载。

在一实施例中，所述分包单元302，用于将所述js代码按照页面组织进行打包。

在一实施例中，所述承接单元303，用于抽象出影子路由，将路由逻辑配置代码从根作用域下沉到路由组件，以使影子路由承接静态路由配置。

在一实施例中，如图5所示，所述优化单元304包括解析子单元3041、转换子单元3042以及生成子单元3043。

解析子单元3041，用于对分包后的代码进行解析，以得到抽象语法树；转换子单元3042，用于对抽象语法树进行转换，以将路由配置的逻辑代码与影子路由连接；生成子单元3043，用于根据转换后的抽象语法树生成js代码，以得到优化后的js代码。

在一实施例中，如图6所示，所述转换子单元3042包括变换模块30421以及处理模块30422。

变换模块30421，用于对抽象语法树进行变换，并匹配到路由配置的逻辑代码，以得到抽象语法树中的待处理代码；处理模块30422，用于对所述抽象语法树中的待处理代码进行处理，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树。

在一实施例中，所述处理模块30422，用于对所述抽象语法树中的待处理代码进行添加、更新及移除，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树。

在一实施例中，所述懒加载单元305，用于根据所述启动请求启动优化后的js代码中关于启动页和首页的js代码。

需要说明的是，所属领域的技术人员可以清楚地了解到，上述应用冷启动优化装置300和各单元的具体实现过程，可以参考前述方法实施例中的相应描述，为了描述的方便和简洁，在此不再赘述。

上述应用冷启动优化装置300可以实现为一种计算机程序的形式，该计算机程序可以在如图7所示的计算机设备上运行。

请参阅图7，图7是本申请实施例提供的一种计算机设备的示意性框图。该计算机设备500可以是终端其中，终端可以是智能手机、平板电脑、笔记本电脑、台式电脑、个人数字助理和穿戴式设备等具有通信功能的电子设备。

参阅图7，该计算机设备500包括通过系统总线501连接的处理器502、存储器和网络接口505，其中，存储器可以包括非易失性存储介质503和内存储器504。

该非易失性存储介质503可存储操作系统5031和计算机程序5032。该计算机程序5032包括程序指令，该程序指令被执行时，可使得处理器502执行一种应用冷启动优化方法。

该处理器502用于提供计算和控制能力，以支撑整个计算机设备500的运行。

该内存储器504为非易失性存储介质503中的计算机程序5032的运行提供环境，该计算机程序5032被处理器502执行时，可使得处理器502执行一种应用冷启动优化方法。

该网络接口505用于与其它设备进行网络通信。本领域技术人员可以理解，图7中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备500的限定，具体的计算机设备500可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

其中，所述处理器502用于运行存储在存储器中的计算机程序5032，以实现如下步骤：

获取reactnative应用的启动请求；对js代码进行分包；抽象出影子路由，并由影子路由承接静态路由配置；根据分包后的js代码通过js代码转译技术连接影子路由和路由配置的逻辑代码，以得到优化后的js代码；根据所述启动请求对优化后的js代码进行懒加载。

在一实施例中，处理器502在实现所述对js代码进行分包步骤时，具体实现如下步骤：

将所述js代码按照页面组织进行打包。

在一实施例中，处理器502在实现所述抽象出影子路由，并由影子路由承接静态路由配置步骤时，具体实现如下步骤：

抽象出影子路由，将路由逻辑配置代码从根作用域下沉到路由组件，以使影子路由承接静态路由配置。

在一实施例中，处理器502在实现所述根据分包后的js代码通过js代码转译技术连接影子路由和路由配置的逻辑代码，以得到优化后的js代码步骤时，具体实现如下步骤：

对分包后的代码进行解析，以得到抽象语法树；对抽象语法树进行转换，以将路由配置的逻辑代码与影子路由连接；根据转换后的抽象语法树生成js代码，以得到优化后的js代码。

在一实施例中，处理器502在实现所述对抽象语法树进行转换，以将路由配置的逻辑代码与影子路由连接步骤时，具体实现如下步骤：

对抽象语法树进行变换，并匹配到路由配置的逻辑代码，以得到抽象语法树中的待处理代码；对所述抽象语法树中的待处理代码进行处理，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树。

在一实施例中，处理器502在实现所述对所述抽象语法树中的待处理代码进行处理，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树步骤时，具体实现如下步骤：

对所述抽象语法树中的待处理代码进行添加、更新及移除，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树。

在一实施例中，处理器502在实现所述根据所述启动请求对优化后的js代码进行懒加载步骤时，具体实现如下步骤：

根据所述启动请求启动优化后的js代码中关于启动页和首页的js代码。

应当理解，在本申请实施例中，处理器502可以是中央处理单元(centralprocessingunit，cpu)，该处理器502还可以是其他通用处理器、数字信号处理器(digitalsignalprocessor，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现成可编程门阵列(field-programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

本领域普通技术人员可以理解的是实现上述实施例的方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成。该计算机程序包括程序指令，计算机程序可存储于一存储介质中，该存储介质为计算机可读存储介质。该程序指令被该计算机系统中的至少一个处理器执行，以实现上述方法的实施例的流程步骤。

因此，本发明还提供一种存储介质。该存储介质可以为计算机可读存储介质。该存储介质存储有计算机程序，其中该计算机程序被处理器执行时使处理器执行如下步骤：

获取reactnative应用的启动请求；对js代码进行分包；抽象出影子路由，并由影子路由承接静态路由配置；根据分包后的js代码通过js代码转译技术连接影子路由和路由配置的逻辑代码，以得到优化后的js代码；根据所述启动请求对优化后的js代码进行懒加载。

在一实施例中，所述处理器在执行所述计算机程序而实现所述对js代码进行分包步骤时，具体实现如下步骤：

将所述js代码按照页面组织进行打包。

在一实施例中，所述处理器在执行所述计算机程序而实现所述抽象出影子路由，并由影子路由承接静态路由配置步骤时，具体实现如下步骤：

抽象出影子路由，将路由逻辑配置代码从根作用域下沉到路由组件，以使影子路由承接静态路由配置。

在一实施例中，所述处理器在执行所述计算机程序而实现所述根据分包后的js代码通过js代码转译技术连接影子路由和路由配置的逻辑代码，以得到优化后的js代码步骤时，具体实现如下步骤：

对分包后的代码进行解析，以得到抽象语法树；对抽象语法树进行转换，以将路由配置的逻辑代码与影子路由连接；根据转换后的抽象语法树生成js代码，以得到优化后的js代码。

在一实施例中，所述处理器在执行所述计算机程序而实现所述对抽象语法树进行转换，以将路由配置的逻辑代码与影子路由连接步骤时，具体实现如下步骤：

对抽象语法树进行变换，并匹配到路由配置的逻辑代码，以得到抽象语法树中的待处理代码；对所述抽象语法树中的待处理代码进行处理，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树。

在一实施例中，所述处理器在执行所述计算机程序而实现所述对所述抽象语法树中的待处理代码进行处理，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树步骤时，具体实现如下步骤：

对所述抽象语法树中的待处理代码进行添加、更新及移除，以将路由配置的逻辑代码与影子路由连接，并得到转换后的抽象语法树。

在一实施例中，所述处理器在执行所述计算机程序而实现所述根据所述启动请求对优化后的js代码进行懒加载步骤时，具体实现如下步骤：

根据所述启动请求启动优化后的js代码中关于启动页和首页的js代码。

所述存储介质可以是u盘、移动硬盘、只读存储器(read-onlymemory，rom)、磁碟或者光盘等各种可以存储程序代码的计算机可读存储介质。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

在本发明所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的。例如，各个单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。

本发明实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减。本发明实施例装置中的单元可以根据实际需要进行合并、划分和删减。另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以是两个或两个以上单元集成在一个单元中。

该集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，终端，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。