CN109857403B - 一种页面更新、页面处理方法及装置 - Google Patents

Abstract

本发明公开了一种页面更新、页面处理方法及装置，所述页面更新方法包括：在基于目标项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行跨平台移动应用开发框架RN的同构编译转换，得到RN可执行文件；将所述RN可执行文件存储到所述目标项目的本地离线资源文件所在离线文件；基于所述离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面。利用本发明实施例提供的技术方案可以大大减少RN技术落地于已有H5业务中兼容、人力、时间等成本，实现在现有的H5业务直接调用客户端原始组件，提高用户体验。

Description

一种页面更新、页面处理方法及装置

技术领域

本发明涉及互联网通信技术领域，尤其涉及一种页面更新、页面处理方法及装置。

背景技术

随着移动互联网的日益兴起，用户对在手机、平板等移动终端设备上通过APP的Web页面进行新闻阅读、视频观看、在线购物、即时通信等的需求越来越复杂和多样化。APP的快速迭代成了许多APP移动厂商面临的严峻考考验。

目前的移动APP开发领域，主要基于超文本语言HTML5(h5)实现在浏览器以及IOS、Andriod等移动终端同时访问，但是H5的性能以及用户体验都不及RN(React Native,跨平台移动应用开发框架)。而将现有RN技术落地于已有的H5业务中需要进行二次开发，RN语法学习成本高，且存在系统兼容、人力成本、时间成本等问题。因此，需要提供可靠或高效的方案，减少RN技术落地于已有业务中的时间与人力等成本，改善用户体验。

发明内容

本发明提供了一种页面更新、页面处理方法及装置，可以大大减少RN技术落地于已有H5业务中兼容、人力、时间等成本，实现在现有的H5业务直接调用客户端原始组件，提高用户体验。

一方面，本发明提供了一种页面更新方法，所述方法包括：

在基于目标项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行跨平台移动应用开发框架RN的同构编译转换，得到RN可执行文件；

将所述RN可执行文件存储到所述目标项目的本地离线资源文件所在离线文件；

基于所述离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面。

另一方面提供了一种页面更新装置，所述装置包括：

同构编译转换模块，用于在基于目标项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行跨平台移动应用开发框架RN的同构编译转换，得到RN可执行文件；

第一存储模块，用于将所述RN可执行文件存储到所述目标项目的本地离线资源文件所在离线文件；

页面更新模块，用于基于所述离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面。

另一方面提供了一种页面处理方法，所述方法包括：

接收页面访问请求，所述页面访问请求包括业务类型标识和访问地址参数；

当所述业务类型标识为RN时，基于所述访问地址参数从离线文件中获取页面访问请求所对应的RN可执行文件；

基于所述RN可执行文件渲染所述页面访问请求所对应的页面；

其中，所述RN可执行文件包括在目标项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行RN的同构编译转换，得到的RN可执行文件。

另一方面提供了一种页面处理装置，所述装置包括：

页面访问请求接收模块，用于接收页面访问请求，所述页面访问请求包括业务类型标识和访问地址参数；

第一RN可执行文件获取模块，用于当所述业务类型标识为RN时，基于所述访问地址参数从离线文件中获取页面访问请求所对应的RN可执行文件；

页面渲染模块，用于基于所述RN可执行文件渲染所述页面访问请求所对应的页面；

其中，所述RN可执行文件包括在目标项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行RN的同构编译转换，得到的RN可执行文件。

另一方面提供了一种页面更新服务器，所述服务器包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述的页面更新方法。

另一方面提供了一种页面处理服务器，所述服务器包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述的页面处理方法。

本发明提供的页面更新、页面处理方法及装置，具有如下技术效果：

本发明提供的页面更新方法通过在原有的H5前端开发项目的本地代码的编译时，直接利用同构编译插件进行RN的同构编译转换，得到RN可执行文件，大大减少RN技术落地于已有H5业务中兼容、人力、时间等成本。保证在后续进行页面处理时，可以直接调用离线文件中的RN可执行文件以进行页面渲染，实现了现有的H5业务可以直接调用客户端原始组件，提高用户体验。

附图说明

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

图1是本发明实施例提供的一种应用环境的示意图；

图2是本发明实施例提供的一种页面更新方法的流程示意图；

图3是本发明实施例提供的一种利用同构编译插件对所述本地代码进行RN的同构编译转换得到RN可执行文件方法的流程示意图；

图4是本发明实施例提供的另一种页面更新方法的流程示意图；

图5是本发明实施例提供的一种页面处理方法的流程示意图；

图6是本发明实施例提供的另一种页面处理方法的流程示意图；

图7是本发明实施例提供的另一种页面处理方法的流程示意图；

图8是本发明实施例提供的一种页面更新装置的结构示意图；

图9是本发明实施例提供的另一种页面更新装置的结构示意图；

图10是本发明实施例提供的一种页面处理装置的结构示意图；

图11是本发明实施例提供的另一种页面处理装置的结构示意图；

图12是本发明实施例提供的一种终端的结构示意图。

具体实施方式

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

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

请参阅图1，图1是本发明实施例提供的一种应用环境的示意图，如图1所示，该应用环境可以至少包括客户端01和服务器02。

具体的，客户端01可以包括智能手机、台式电脑、平板电脑、笔记本电脑、数字助理、智能可穿戴设备等类型的实体设备，也可以包括运行于实体设备中的软体，例如应用程序等。本发明实施例中客户端01上运行的操作系统可以包括但不限于安卓系统、IOS系统、linux、windows等。

所述服务器02可以包括一个独立运行的服务器，或者分布式服务器，或者由多个服务器组成的服务器集群。具体的，所述服务器02可以为上述客户端01提供后台服务，例如提供所述终端进行页面渲染时所需的线上的静态资源文件。

以下介绍本发明一种页面更新方法，图2是本发明实施例提供的一种页面更新方法的流程示意图，本说明书提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的系统或服务器产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。具体的如图2所示，所述方法可以包括：

S201：在基于目标项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行RN的同构编译转换，得到RN可执行文件。

本说明书实施例中，所述目标项目可以包括h5前端开发项目。

本说明书实施例中，所述利用同构编译插件对所述本地代码进行跨平台移动应用开发框架RN的同构编译转换，得到RN可执行文件可以包括：

构建编译同构插件；

基于所述编译同构插件对所述本地代码进行RN的同构编译转换，得到RN可执行文件。

具体的，所述同构编译插件可以包括用于进行H5和RN之间的编译同构的插件。具体的实施例中，所述同构编译插件可以至少包括下述之一：

映射编译同构插件，兼容编译同构插件，样式编译同构插件，标签编译同构插件。

具体的，所述映射编译同构插件可以用于对H5和RN的原生组件之间的映射关系进行映射处理。具体的实施例中，所述映射编译同构插件可以为babel-plugin-h5-tag-replace。

具体的，所述兼容编译同构插件可以用于对H5和RN之间的不兼容的原生组件进行兼容处理。具体的实施例中，所述兼容编译同构插件可以为babel-plugin-h5-Label-replace。

具体的，所述样式编译同构插件可以用于对H5的样式进行RN的同构编译处理；具体的实施例中，所述兼容编译同构插件可以为babel-plugin-transform-styles。

具体的，标签编译同构插件可以用于对H5的标签进行RN的同构编译处理。具体的实施例中，所述标签编译同构插件可以babel-plugin-transform-classname。

具体的，所述同构编译转换可以至少包括下述之一：标签同构编译转换、样式同构编译转换、事件透传同构编译转换、公共模块同构编译转换、接口通信同构编译转换。

以下结合基于H5前端开发项目的本地代码编译时，利用编译同构插件对本地代码进行RN的同构编译转换为例：

所述公共模块同构编译转换可以包括对差异对象(如窗口window、图像Image等)、基础工具组件(如数据库db,本地缓存localstorage等组件)的同构，和基本上报组件(如华佗系统huatuo,测速上报ispeed,白名单whitelist等组件)等RN的同构编译转换。

所述接口通信同构编译转换可以包括对jsbridge(jsbridge可以包括在Native与H5混合应用开发的业务场景中，实现web和native之间的交互的桥梁)接口的RN的同构编译转换。实现RN与H5之间的jsbridge同构可很好的降低前端开发项目与客户端之间进行联调的人力成本，直接使用已有H5jsbridge接口的调用方式实现RN与客户端之间的接口调用。

所述标签同构编译转换可以包括对H5标签的RN的同构编译转换。

所述事件透传同构编译转换可以包括对H5事件绑定的RN的同构编译转换。

所述样式同构编译转换可以包括H5样式文件的RN的同构编译转换。

具体的实施例中，RN运行可以包括利用JSCore执行打包好的jsbundle文件，相应的，所述RN可执行文件可以包括但不限于jsbundle文件。本说明书实施例中，结合上述基于H5前端开发项目的本地代码编译时，进行同构编译转换为例，如图3所示，可以在基于H5前端开发项目的本地代码进行编译的过程中，利用编译同构插件对本地代码进行RN的同构编译转换，保证编译得到的文件是RN可执行的jsbundle文件。

本说明书实施例中，在原有的H5前端开发项目的本地代码的编译时，直接利用同构编译插件进行RN的同构编译转换，得到RN可执行文件，无需进行RN语法的学习，只需了解RN支持哪些样式文件属性；另外，实现RN与H5之间的jsbridge同构可很好的降低前端与客户端之间进行联调的人力成本，可以直接使用已有H5前端开发项目jsbridge接口的调用方式实现RN与客户端之间的接口调用，有效降低兼容、人力、时间等成本。

S203：将所述RN可执行文件存储到所述目标项目的本地离线资源文件所在离线文件。

本说明书实施例中，所述目标项目的本地离线资源文件可以包括H5前端开发项目的本地离线资源文件，具体的，例如HTML和js离线资源文件。

本说明书实施例中，在通过同构编译转换得到RN可执行文件后，可以将该RN可执行文件存储到本地的本地离线资源文件所在离线文件，以便后续进行页面渲染时，可以直接从本地的离线文件中获取RN可执行文件，快速的进行页面渲染展示，直接在本地实现了页面渲染。

S205：基于所述离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面。

本说明书实施例中通过在原有的H5前端开发项目的本地代码的编译时，直接利用同构编译插件进行RN的同构编译转换，得到RN可执行文件，大大减少RN技术落地于已有H5业务中兼容、人力、时间等成本。另外，实现在现有的H5业务直接调用客户端原始组件，提高用户体验。

在一些实施例中，如图4所示，所述方法还可以包括：

S207：对所述离线文件中RN可执行文件进行测试处理。

本说明书实施例中，可以直接在客户端安装测试应用程序进行本地调试，启用前端开发项目本地在线编译，实现对离线文件中RN可执行文件进行测试处理，另外，测试的效果可以直接展示在客户端的测试页面中

S209：当测试处理中对所述RN可执行文件进行了修改处理时，将测试处理中对所述RN可执行文件的修改信息更新到所述离线文件。

在实际应用中，当测试处理中发现RN可执行文件存在漏洞，可以对该RN可执行文件进行修改处理时，相应的，将测试处理中对所述RN可执行文件的修改信息更新到所述离线文件，实现本地离线文件的自发更新。相应的，基于更新后的离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面。

由以上本说明书实施例中提供的技术方案可见，本说明书可以直接本地编包，让测试人员使用测试专用安装包进行测试，且测试过程的修改部分直接同步到离线文件中。

在实际应用中，会出现本地故障，导致无法在本地获取到RN可执行文件的情况，相应的，在另一些实施例中，所述方法还可以包括：

将所述RN可执行文件存储至线上的静态资源文件。

由以上本说明书实施例提供的技术方案可知，本发明提出的是一种页面更新方法，通过在原有的H5前端开发项目的本地代码的编译时，直接利用同构编译插件进行RN的同构编译转换，得到RN可执行文件，实现RN与H5的同构、测试、发布，可直接将RN技术快速落地于现有的H5业务中，以便现有的H5业务可以直接调用客户端原始组件，有效改善了用户体验。

以下介绍本发明一种页面处理方法，图5是本发明实施例提供的一种页面处理方法的流程示意图，本说明书提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的系统或服务器产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。具体的如图5所示，所述方法可以包括：

S501：接收页面访问请求，所述页面访问请求包括业务类型标识和访问地址参数。

本说明书实施例中，所述业务类型标识可以包括RN和H5。所述访问地址参数可以表征页面访问请求所请求的页面渲染所需的文件在离线文件中的位置。

在实际应用中，当用户需要访问页面时，可以通过在客户端提供的访问触发页面机械能页面访问请求的触发操作，实现向客户端发送页面访问请求，该页面访问请求可以包括业务类型标识和访问地址参数。相应的，客户端接收到页面访问请求。

S503：当所述业务类型标识为RN时，基于所述访问地址参数从离线文件中获取页面访问请求所对应的RN可执行文件。

本说明书实施例中，当页面访问请求中的业务类型标识为RN时，可以确定该页面访问请求所请求的页面所对应的业务类型为RN，相应的，可以基于页面访问请求中的访问地址参数从离线文件中获取该页面访问请求所对应的RN可执行文件。

具体的，所述RN可执行文件包括在目标项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行RN的同构编译转换，得到的RN可执行文件。

本说明书实施例中，确定RN可执行文件的具体步骤可以参见上述相关内容，在此不再赘述。

S505：基于所述RN可执行文件渲染所述页面访问请求所对应的页面。

本说明书实施例中，在接收到页面访问请求后，通过页面访问请求中的业务类型标识确定出该页面访问请求所请求的页面所对应的业务类型为RN时，可以直接调用离线文件中的RN可执行文件以进行页面渲染，实现了现有的H5业务可以直接调用客户端原始组件，提高用户体验。

在一些实施例中，如图6所示，在步骤S503之前，所述方法还可以包括：

S507：判断所述访问地址参数所对应的离线文件中是否存在所述页面访问请求所对应的RN可执行文件。

具体的，当判断出访问地址参数所对应的离线文件中存在所述页面访问请求所对应的RN可执行文件时，可以执行步骤S503从该离线文件中获取页面访问请求所对应的RN可执行文件；反之，当判断出访问地址参数所对应的离线文件中不存在所述页面访问请求所对应的RN可执行文件时，可以执行步骤S509。

S509：从线上的静态资源文件中获取所述页面访问请求所对应的RN可执行文件。

本说明书实施例中，在离线文件中无法获取到RN可执行文件时，通过从线上的静态资源文件中获取RN可执行文件，保证了基于RN可执行文件进行页面渲染的成功率。

在另一些实施例中，如图7所示，所述方法还可以包括：

S511：判断所述线上的静态资源文件中是否存在所述页面访问请求所对应的RN可执行文件。

具体的，当判断出线上的静态资源文件中存在所述页面访问请求所对应的RN可执行文件时，可以执行步骤S509从线上的静态资源文件中获取RN可执行文件。反之，当判断出线上的静态资源文件中不存在所述页面访问请求所对应的RN可执行文件时，可以执行步骤S513。

S513：从离线文件中获取所述页面访问请求所对应的本地离线资源文件。

S515：基于所述本地离线资源文件渲染所述页面访问请求所对应的页面。

本说明书实施例中，在无法获取到页面访问请求所对应的RN可执行文件时，通过从离线文件中获取该页面访问请求所对应的H5前端开发项目的本地离线资源文件，保证了页面的正常渲染展示，实现了项目线上兜底。

在另一些实施例中，所述方法可以包括：上报RN可执行文件获取的情况信息(成功或失败的信息)，以便针对失败的情况进行及时的补救处理。

本发明实施例还提供了一种页面更新装置，如图8所示，所述装置包括：

同构编译转换模块810，可以用于在基于目标项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行跨平台移动应用开发框架RN的同构编译转换，得到RN可执行文件；

第一存储模块820，可以用于将所述RN可执行文件存储到所述目标项目的本地离线资源文件所在离线文件；

页面更新模块830，可以用于基于所述离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面。

在一些实施例中，所述同构编译转换模块810可以包括：

编译同构插件构建单元，可以用于构建编译同构插件；

同构编译转换单元，可以用于基于所述编译同构插件对所述本地代码进行RN的同构编译转换，得到RN可执行文件；

其中，所述同构编译转换可以至少包括下述之一：标签同构编译转换、样式同构编译转换、事件透传同构编译转换、公共模块同构编译转换、接口通信同构编译转换。

在一些实施例中，所述编译同构插件可以至少包括下述之一：

映射编译同构插件，兼容编译同构插件，样式编译同构插件，标签编译同构插件。

在一些实施例中，如图9所示，所述装置还可以包括：

测试处理模块840，可以用于对所述离线文件中RN可执行文件进行测试处理；

离线文件更新模块850，可以用于当测试处理中对所述RN可执行文件进行了修改处理时，将测试处理中对所述RN可执行文件的修改信息更新到所述离线文件；

相应的，所述页面更新模块830还可以用于基于所述离线文件更新模块850更新后的离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面。

在一些实施例中，所述装置还包括：

第二存储模块，用于将所述RN可执行文件存储至线上的静态资源文件。

所述的装置实施例中的装置与方法实施例基于同样地发明构思。

本发明实施例还提供了一种页面处理装置，如图10所示，所述装置可以包括：

页面访问请求接收模块1010，可以用于接收页面访问请求，所述页面访问请求包括业务类型标识和访问地址参数；

第一RN可执行文件获取模块1020，可以用于当所述业务类型标识为RN时，基于所述访问地址参数从离线文件中获取页面访问请求所对应的RN可执行文件；

页面渲染模块1030，可以用于基于所述RN可执行文件渲染所述页面访问请求所对应的页面；

其中，所述RN可执行文件包括在目标项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行RN的同构编译转换，得到的RN可执行文件。

在一些实施例中，如图11所示，所述装置还可以包括：

第一判断模块1040，可以用于在所述基于所述访问地址参数从离线文件中获取RN可执行文件之前，判断所述访问地址参数所对应的离线文件中是否存在所述页面访问请求所对应的RN可执行文件；

第二RN可执行文件获取模块1050，可以用于当所述判断模块判断的结果为否时，从线上的静态资源文件中获取所述页面访问请求所对应的RN可执行文件；

当所述判断模块1040判断的结果为是时，所述第一RN可执行文件获取模块1020基于所述访问地址参数从离线文件中获取页面访问请求所对应的RN可执行文件。

在一些实施例中，所述装置还可以包括：

第一判断模块，可以用于判断所述线上的静态资源文件中是否存在所述页面访问请求所对应的RN可执行文件；

本地离线资源文件获取模块，用于当所述第二判断模块判断的结果为否时，从离线文件中获取所述页面访问请求所对应的本地离线资源文件；

相应的，所述页面渲染模块1030还可以用于基于所述本地离线资源文件渲染所述页面访问请求所对应的页面；

当所述第一判断模块判断的结果为是时，所述第二RN可执行文件获取模块1050从线上的静态资源文件中获取所述页面访问请求所对应的RN可执行文件。

所述的装置实施例中的装置与方法实施例基于同样地发明构思。

本发明实施例提供了一种页面更新客户端，该页面更新客户端包括处理器和存储器，该存储器中存储有至少一条指令、至少一段程序、代码集或指令集，该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现如上述方法实施例所提供的页面更新方法。

本发明实施例提供了一种页面处理客户端，该页面处理客户端包括处理器和存储器，该存储器中存储有至少一条指令、至少一段程序、代码集或指令集，该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现如上述方法实施例所提供的页面处理方法。

存储器可用于存储软件程序以及模块，处理器通过运行存储在存储器的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、功能所需的应用程序等；存储数据区可存储根据所述设备的使用所创建的数据等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器还可以包括存储器控制器，以提供处理器对存储器的访问。

本发明实施例所提供的方法实施例可以在移动终端、计算机终端、服务器或者类似的运算装置中执行。以运行在终端上为例，本发明实施例还提供了一种终端的结构示意图，如图12所示，该终端可以用于实施上述实施例中提供的信息交互方法。具体来讲：

所述终端可以包括RF(Radio Frequency，射频)电路1210、包括有一个或一个以上计算机可读存储介质的存储器1220、输入单元1230、显示单元1240、传感器1250、音频电路1260、WiFi(wireless fidelity，无线保真)模块1270、包括有一个或者一个以上处理核心的处理器1280、以及电源1290等部件。本领域技术人员可以理解，图12中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路1210可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器1280处理；另外，将涉及上行的数据发送给基站。通常，RF电路1210包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier，低噪声放大器)、双工器等。此外，RF电路1210还可以通过无线通信与网络和其他终端通信。所述无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System of Mobile communication，全球移动通讯系统)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA(Code Division Multiple Access，码分多址)、WCDMA(Wideband Code DivisionMultiple Access,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(Short Messaging Service，短消息服务)等。

存储器1220可用于存储软件程序以及模块，处理器1280通过运行存储在存储器1220的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器1220可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、功能所需的应用程序等；存储数据区可存储根据所述终端的使用所创建的数据等。此外，存储器1220可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器1220还可以包括存储器控制器，以提供处理器1280和输入单元1230对存储器1220的访问。

输入单元1230可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元1230可包括触敏表面1231以及其他输入设备1232。触敏表面1231，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面1231上或在触敏表面1231附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面1231可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器1280，并能接收处理器1280发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面1231。除了触敏表面1231，输入单元1230还可以包括其他输入设备1232。具体地，其他输入设备1232可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元1240可用于显示由用户输入的信息或提供给用户的信息以及所述终端的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元1240可包括显示面板1241，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板1241。进一步的，触敏表面1231可覆盖显示面板1241，当触敏表面1231检测到在其上或附近的触摸操作后，传送给处理器1280以确定触摸事件的类型，随后处理器1280根据触摸事件的类型在显示面板1241上提供相应的视觉输出。其中，触敏表面1231与显示面板1241可以两个独立的部件来实现输入和输入功能，但是在某些实施例中，也可以将触敏表面1231与显示面板1241集成而实现输入和输出功能。

所述终端还可包括至少一种传感器1250，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板1241的亮度，接近传感器可在所述终端移动到耳边时，关闭显示面板1241和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于所述终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路1260、扬声器1261，传声器1262可提供用户与所述终端之间的音频接口。音频电路1260可将接收到的音频数据转换后的电信号，传输到扬声器1261，由扬声器1261转换为声音信号输出；另一方面，传声器1262将收集的声音信号转换为电信号，由音频电路1260接收后转换为音频数据，再将音频数据输出处理器1280处理后，经RF电路1210以发送给比如另一终端，或者将音频数据输出至存储器1220以便进一步处理。音频电路1260还可能包括耳塞插孔，以提供外设耳机与所述终端的通信。

WiFi属于短距离无线传输技术，所述终端通过WiFi模块1270可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图12示出了WiFi模块1270，但是可以理解的是，其并不属于所述终端的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器1280是所述终端的控制中心，利用各种接口和线路连接整个终端的各个部分，通过运行或执行存储在存储器1220内的软件程序和/或模块，以及调用存储在存储器1220内的数据，执行所述终端的各种功能和处理数据，从而对终端进行整体监控。可选的，处理器1280可包括一个或多个处理核心；优选的，处理器1280可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器1280中。

所述终端还包括给各个部件供电的电源1290(比如电池)，优选的，电源可以通过电源管理系统与处理器1280逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源1290还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，所述终端还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，终端的显示单元是触摸屏显示器，终端还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行本发明中方法实施例中的指令。

本发明的实施例还提供了一种存储介质，所述存储介质可设置于服务器之中以保存用于实现方法实施例中一种页面更新或页面处理方法相关的至少一条指令、至少一段程序、代码集或指令集，该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现上述方法实施例提供的页面更新或页面处理方法。

可选地，在本实施例中，上述存储介质可以位于计算机网络的多个网络服务器中的至少一个网络服务器。可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是：上述本发明实施例先后顺序仅仅为了描述，不代表实施例的优劣。且上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、客户端和存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (11)

1.一种页面更新方法，其特征在于，所述方法包括：

在基于H5前端开发项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行跨平台移动应用开发框架RN的同构编译转换，得到RN可执行文件，所述同构编译插件包括用于进行H5和RN之间的编译同构的插件；

将所述RN可执行文件存储到所述H5前端开发项目的本地离线资源文件所在离线文件；

基于所述离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面；

所述同构编译插件至少包括下述之一：

映射编译同构插件，兼容编译同构插件，样式编译同构插件，标签编译同构插件；

其中，所述映射编译同构插件用于对H5和RN的原生组件之间的映射关系进行映射处理，所述兼容编译同构插件用于对H5和RN之间的不兼容的原生组件进行兼容处理，所述样式编译同构插件用于对H5的样式进行RN的同构编译处理，所述标签编译同构插件用于对H5的标签进行RN的同构编译处理。

2.根据权利要求1所述的方法，其特征在于，所述利用同构编译插件对所述本地代码进行跨平台移动应用开发框架RN的同构编译转换，得到RN可执行文件包括：

构建同构编译插件；

基于所述同构编译插件对所述本地代码进行RN的同构编译转换，得到RN可执行文件；

其中，所述同构编译转换至少包括下述之一：标签同构编译转换、样式同构编译转换、事件透传同构编译转换、公共模块同构编译转换、接口通信同构编译转换。

3.根据权利要求1至2任一所述的方法，其特征在于，所述方法还包括：

对所述离线文件中RN可执行文件进行测试处理；

当测试处理中对所述RN可执行文件进行了修改处理时，将测试处理中对所述RN可执行文件的修改信息更新到所述离线文件；

相应的，所述基于所述离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面包括：

基于更新后的离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面。

4.根据权利要求1至2任一所述的方法，其特征在于，所述方法还包括：

将所述RN可执行文件存储至线上的静态资源文件。

5.一种页面处理方法，其特征在于，所述方法包括：

接收页面访问请求，所述页面访问请求包括业务类型标识和访问地址参数；

当所述业务类型标识为RN时，基于所述访问地址参数从离线文件中获取页面访问请求所对应的RN可执行文件；

基于所述RN可执行文件渲染所述页面访问请求所对应的页面；

其中，所述RN可执行文件包括在H5前端开发项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行RN的同构编译转换，得到的RN可执行文件，所述同构编译插件包括用于进行H5和RN之间的编译同构的插件；

所述同构编译插件至少包括下述之一：

映射编译同构插件，兼容编译同构插件，样式编译同构插件，标签编译同构插件；

其中，所述映射编译同构插件用于对H5和RN的原生组件之间的映射关系进行映射处理，所述兼容编译同构插件用于对H5和RN之间的不兼容的原生组件进行兼容处理，所述样式编译同构插件用于对H5的样式进行RN的同构编译处理，所述标签编译同构插件用于对H5的标签进行RN的同构编译处理。

6.根据权利要求5所述的方法，其特征在于，在所述基于所述访问地址参数从离线文件中获取RN可执行文件之前，所述方法还包括：

判断所述访问地址参数所对应的离线文件中是否存在所述页面访问请求所对应的RN可执行文件；

当判断的结果为是时，执行基于所述访问地址参数从离线文件中获取页面访问请求所对应的RN可执行文件的步骤；

当判断的结果为否时，从线上的静态资源文件中获取所述页面访问请求所对应的RN可执行文件。

7.根据权利要求6所述的方法，其特征在于，所述方法还包括：

判断所述线上的静态资源文件中是否存在所述页面访问请求所对应的RN可执行文件；

当判断的结果为是时，执行从线上的静态资源文件中获取所述页面访问请求所对应的RN可执行文件的步骤；

当判断的结果为否时，从离线文件中获取所述页面访问请求所对应的本地离线资源文件；

相应的，所述基于所述RN可执行文件渲染所述页面访问请求所对应的页面包括：

基于所述本地离线资源文件渲染所述页面访问请求所对应的页面。

8.一种页面更新装置，其特征在于，所述装置包括：

同构编译转换模块，用于在基于H5前端开发项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行跨平台移动应用开发框架RN的同构编译转换，得到RN可执行文件，所述同构编译插件包括用于进行H5和RN之间的编译同构的插件；

第一存储模块，用于将所述RN可执行文件存储到所述H5前端开发项目的本地离线资源文件所在离线文件；

页面更新模块，用于基于所述离线文件中的RN可执行文件和本地离线资源文件更新本地业务页面；

所述同构编译插件至少包括下述之一：

映射编译同构插件，兼容编译同构插件，样式编译同构插件，标签编译同构插件；

其中，所述映射编译同构插件用于对H5和RN的原生组件之间的映射关系进行映射处理，所述兼容编译同构插件用于对H5和RN之间的不兼容的原生组件进行兼容处理，所述样式编译同构插件用于对H5的样式进行RN的同构编译处理，所述标签编译同构插件用于对H5的标签进行RN的同构编译处理。

9.一种页面处理装置，其特征在于，所述装置包括：

页面访问请求接收模块，用于接收页面访问请求，所述页面访问请求包括业务类型标识和访问地址参数；

第一RN可执行文件获取模块，用于当所述业务类型标识为RN时，基于所述访问地址参数从离线文件中获取页面访问请求所对应的RN可执行文件；

页面渲染模块，用于基于所述RN可执行文件渲染所述页面访问请求所对应的页面；

其中，所述RN可执行文件包括在H5前端开发项目的本地代码进行编译时，利用同构编译插件对所述本地代码进行RN的同构编译转换，得到的RN可执行文件，所述同构编译插件包括用于进行H5和RN之间的编译同构的插件；

所述同构编译插件至少包括下述之一：

映射编译同构插件，兼容编译同构插件，样式编译同构插件，标签编译同构插件；

其中，所述映射编译同构插件用于对H5和RN的原生组件之间的映射关系进行映射处理，所述兼容编译同构插件用于对H5和RN之间的不兼容的原生组件进行兼容处理，所述样式编译同构插件用于对H5的样式进行RN的同构编译处理，所述标签编译同构插件用于对H5的标签进行RN的同构编译处理。

10.一种页面更新客户端，其特征在于，所述客户端包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1至4任一所述的页面更新方法。

11.一种页面处理客户端，其特征在于，所述客户端包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求5至7任一所述的页面处理方法。

Images