一种页面更新方法和装置与流程

本公开涉及计算机技术领域，特别涉及一种页面更新方法和装置。

背景技术：

hybridapp(混合模式移动应用)是指介于web-app、native-app这两者之间的app，兼具“nativeapp良好用户交互体验的优势”和“webapp跨平台开发的优势”。开发一个hybridapp页面可以包括该页面的前端代码和后端代码，其中，前端代码可以打包成离线包形式，并通过离线包管理系统进行管理。当页面需要更新时，可以由开发人员更新离线包系统中的离线包；当请求访问hybridapp页面时，离线包系统的离线包更新可以触发页面的更新。

技术实现要素：

有鉴于此，本说明书一个或多个实施例提供一种页面更新方法和装置，以提高hybridapp的页面更新的效率。

具体地，本说明书一个或多个实施例是通过如下技术方案实现的：

第一方面，提供一种页面更新方法，所述方法包括：

获取混合模式移动应用hybridapp页面的新页面文件；

将所述新页面文件打包成离线包；

将所述离线包发送至离线包管理系统，以通过离线包管理系统触发hybridapp的页面更新。

第二方面，提供一种动态打包系统，所述系统包括：

模版引擎，用于获取混合模式移动应用hybridapp页面的新页面文件；

打包触发器，用于所述新页面文件打包成离线包，并将离线包发送至离线包管理系统，以通过离线包管理系统触发hybridapp的页面更新。

第三方面，提供一种服务端设备，所述设备包括存储器、处理器，以及存储在存储器上并可在处理器上运行的计算机指令，所述处理器执行指令时实现以下步骤：

获取混合模式移动应用hybridapp页面的新页面文件；

将所述新页面文件打包成离线包；

将所述离线包发送至离线包管理系统，以通过离线包管理系统触发hybridapp的页面更新。

本说明书一个或多个实施例的页面更新方法和装置，通过由动态打包系统根据新页面文件打包成离线包并发送至离线包管理系统，可以实现离线包管理系统中的离线包的自动更新。该方案能够使得当页面文件变更时能够自动触发离线包的更新，减轻了开发人员的负担，提高了hybridapp离线包的更新效率。

附图说明

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

图1为本说明书一个或多个实施例提供的hybridapp应用的系统架构；

图2为本说明书一个或多个实施例提供的页面更新方法的流程图；

图3为本说明书一个或多个实施例提供的动态打包系统更新页面样式的流程；

图4为本说明书一个或多个实施例提供的动态打包系统的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本说明书一个或多个实施例中的技术方案，下面将结合本说明书一个或多个实施例中的附图，对本说明书一个或多个实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是一部分实施例，而不是全部的实施例。基于本说明书一个或多个实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本公开保护的范围。

图1示例了hybridapp应用的系统架构，hybridapp是一种混合应用，运用native和webapp的能力，在native上构建应用内webapp的应用。如图1所示，客户端11可以是hybridapp页面展示的前台，比如，可以是在一个nativeapp中显示webapp。

该hybridapp的显示包括前端代码和后端代码的配合，可以将前端代码存储在离线包管理系统12中，例如，前端代码中可以包括决定页面样式的样式代码，该样式代码可以用于确定页面中的各部分内容的布局安排，或者页面内容的字体和颜色，或者页面中某一个区域的展示形状等。当请求显示hybridapp的页面时，可以根据离线包获取如何显示页面的样式，并通过ajax等异步请求数据方式，由服务端13的后端代码更新页面的数据，从而实现整个hybridapp的页面展示。本例子的方法主要描述前端代码引起的页面更新。

请继续参见图1，离线包管理系统12中可以管理多个应用的离线包，例如，webapp1、webapp2、webapp3等。当hybridapp页面的页面需要更新时，可以更新离线包管理系统12中该app的离线包，以通过离线包的更新触发页面的更新。

图2示例了一个页面更新方法的流程，该方法可以用于自动触发离线包中前端代码的更新，如图2所示，该方法可以由图1中的动态打包系统执行，可以包括：

在步骤200中，获取混合模式移动应用hybridapp页面的新页面文件。

本步骤中，模版引擎152可以获取到新页面文件153。例如，该新页面文件可以是模版引擎152根据页面样式更新生成的文件，或者也可以是根据页面中其他内容更新生成的文件。

在步骤202中，将所述新页面文件打包成离线包。

本步骤中，打包触发器151可以接收到模版引擎152发送的新页面文件，并将该新页面文件自动打包成离线包的格式。

在步骤204中，将所述离线包发送至离线包管理系统，以通过离线包管理系统触发hybridapp的页面更新。

本步骤中，打包触发器151在打包离线包后，还可以将离线包发送至离线包管理系统12。例如，可以将webapp1的新前端代码的离线包发送至离线包管理系统12，并替换掉原来webapp1的旧前端代码。离线包管理系统中的离线包的更新可以触发页面更新，比如，当客户端要展示webapp1，向离线包管理系统请求前端代码时，若代码已经更新，可以使用新的前端代码展示。

本例子的页面更新方法，通过由动态打包系统获取新页面文件，并将新页面文件打包成离线包，自动发送至离线包管理系统，使得可以实现离线包管理系统中的离线包的自动更新，该方案能够使得当页面变更时能够自动触发离线包的更新，减轻了开发人员的负担，提高了hybridapp离线包的更新效率。

如下以页面中的页面样式的更新为例，描述当页面样式更新时，如何触发离线包更新的流程。其中，页面样式更新的方式，可以是开发人员发布变更的代码，或者由运营人员在模版区块运营系统进行样式配置。

如图1所示，模版区块运营系统14可以是一个供运营人员修改页面样式的人机交互系统，可以提供给运营人员人机交互方式修改页面中的区块或者模版。其中，区块可以是页面中的某个矩形区域，使用html语法<div></div>进行标记，模版可以是使用velocity等模版语言编写的模块。为了使得运营人员在通过模版区块运营系统对某个hybridapp进行区块和模版的配置变更时，同样能自动触发离线包管理系统12中该hybridapp的离线包的更新，以自动触发页面样式的变更，本例子可以设置动态打包系统15，如图1所示。

动态打包系统15可以实现在运营人员进行区块和模版的配置变更时，自动更新离线包管理系统12中对应的离线包，从而实现hybridapp页面样式的动态更新。图3示例了一个根据图1的动态打包系统更新页面样式的流程，包括：

在步骤300中，前端开发人员进行代码发布变更，或者运营人员进行区块模版的配置变更。

例如，如图1示例，开发人员可以进行页面样式更新对应的代码变更，比如，要改变页面的布局，或者改变页面某一部分的显示样式，可以变更对应的代码，可以称这部分代码为开发变更代码。

在另一例子中，也可以由运营人员通过模版区块运营系统，配置变更页面中的区块或者模版，从而改变页面的样式，比如改变页面中的广告条的形状或者位置。对应生成的代码可以称为运营模版代码。

在步骤302中，动态打包系统获取到hybridapp页面对应的新页面文件和事件联动触发，该触发可以用于通知发生了页面样式更新对应的更新事件。

其中，步骤300中的开发人员进行变更代码的发布，或者，运营人员进行区块模版的配置变更，并将配置变更的区块模版向动态打包系统推送，这些变更hybridapp页面样式的操作都可以称为更新事件。更新事件发生后，模版引擎可以生成新页面文件，比如，模版引擎可以根据页面样式变更对应的开发变更代码生成新页面文件，或者，还可以根据区块模版配置变更对应的运营模版代码生成新页面文件(即新前端代码)，又或者，模版引擎还可以根据区块模版配置变更的更新事件得到对应的运营模版代码，并据此生成新页面文件。

图1中的动态打包系统15不仅可以接收到上述的新页面文件，还可以接收到事件联动触发。事件联动触发可以是在发生更新事件时发送，用于通知发生了页面样式更新对应的更新事件。如图1的示例，当运营人员修改了区块或者模版时，模版区块运营系统可以同时向动态打包系统的打包触发器发送事件联动触发，用于通知发生了模版区块的配置变更；或者，当开发人员变更了页面的样式代码时，变更代码的模块也可以向动态打包系统的打包触发器发送事件联动触发，用于通知发生了代码变更。在图1的一个例子中，事件联动触发可以是发送至动态打包系统15中的打包触发器151，打包触发器151根据该事件联动触发，将进行离线包的打包处理。

本步骤中，模版引擎152可以根据开发变更代码或者运营模版代码，生成新页面文件。例如，模版引擎152可以根据步骤302中得到的开发变更代码或者运营模版代码，生成新的hybridapp页面的页面文件。如图1所示，即模版引擎152根据开发变更代码或者运营模版代码得到新的前端代码153。

在步骤304中，动态打包系统的打包触发器根据接收到的事件联动触发，将所述新页面文件打包成离线包。

例如，打包触发器151可以根据事件联动触发，在等待模版引擎完成前端代码的更新后，即生成新页面文件后，将该新页面文件进行离线包的打包。

在步骤306中，动态打包系统的打包触发器将所述离线包发送至离线包管理系统。例如，结合图1来看，假设本次更新的hybridapp是webapp1，则打包触发器将打包的离线包发送至离线包管理系统12中的webapp1。还可以将webapp1的离线包的版本进行更新，原有的旧离线包版本假设是v1，更新后的新离线包版本可以是v2。

在步骤308中，通过离线包管理系统触发hybridapp页面样式的更新。

例如，如图1的示例，当接收到对hybridapp的页面访问请求时，可以由离线包管理系统12中的webapp1的离线包获取页面样式，如果该离线包有更新，比如由版本v1更新到版本v2，则通过离线包更新页面样式，并通过异步请求数据的方式由webapp1的后端代码获取页面数据，从而实现整个hybridapp的页面展示。

本例子的页面样式更新方法，通过由动态打包系统根据页面样式变更生成的新页面文件，打包成离线包并发送至离线包管理系统，可以实现离线包管理系统中的离线包的自动更新。该方案能够使得即使是运营人员配置区块或模版，也同样能够自动触发离线包的更新，实现运营动态配置样式，也减轻了开发人员的负担，提高了hybridapp的离线包的更新效率。

为了实现本说明书一个或多个实施例的页面更新方法，图4提供了一种动态打包系统，可以包括：模版引擎41和打包触发器42。

模版引擎41，用于获取混合模式移动应用hybridapp页面的新页面文件；

打包触发器42，用于将所述新页面文件打包成离线包，并将离线包发送至离线包管理系统，以通过离线包管理系统触发hybridapp页面样式的更新。

在一个例子中，所述新页面文件是由所述模版引擎根据页面样式更新生成的文件。例如，所述页面样式更新，包括：页面样式对应的开发代码变更，或者，模版区块的配置变更。

在一个例子中，打包触发器42，在用于将新页面文件打包成离线包时，包括：根据接收到的事件联动触发，将所述新页面文件打包成离线包；所述事件联动触发用于通知发生了所述页面样式更新对应的更新事件。

在一个例子中，所述打包触发器42，还用于将所述新页面文件打包成离线包时，还更新所述离线包的版本。

上述图2和图3所示流程中的各个步骤，其执行顺序不限制于流程图中的顺序。此外，各个步骤的描述，可以实现为软件、硬件或者其结合的形式，例如，本领域技术人员可以将其实现为软件代码的形式，可以为能够实现所述步骤对应的逻辑功能的计算机可执行指令。当其以软件的方式实现时，所述的可执行指令可以存储在存储器中，并被设备中的处理器执行。

例如，对应于上述方法，本说明书一个或多个实施例同时提供一种服务端设备，该设备可以包括处理器、存储器、以及存储在存储器上并可在处理器上运行的计算机指令，所述处理器通过执行所述指令，用于实现如下步骤：获取混合模式移动应用hybridapp页面的新页面文件；将所述新页面文件打包成离线包；将所述离线包发送至离线包管理系统，以通过离线包管理系统触发hybridapp页面样式的更新。

上述实施例阐明的装置或模块，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机，计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。

为了描述的方便，描述以上装置时以功能分为各种模块分别描述。当然，在实施本说明书一个或多个实施例时可以把各模块的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本说明书一个或多个实施例可提供为方法、系统、或计算机程序产品。因此，本说明书一个或多个实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本说明书一个或多个实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本说明书一个或多个实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书一个或多个实施例，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

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

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

以上所述仅为本说明书一个或多个实施例的较佳实施例而已，并不用以限制本公开，凡在本公开的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本公开保护的范围之内。