WO2019033995A1 - 一种页面更新方法和装置 - Google Patents

一种页面更新方法和装置 Download PDF

Info

Publication number
WO2019033995A1
WO2019033995A1 PCT/CN2018/099872 CN2018099872W WO2019033995A1 WO 2019033995 A1 WO2019033995 A1 WO 2019033995A1 CN 2018099872 W CN2018099872 W CN 2018099872W WO 2019033995 A1 WO2019033995 A1 WO 2019033995A1
Authority
WO
WIPO (PCT)
Prior art keywords
file
page file
page
new
new page
Prior art date
Application number
PCT/CN2018/099872
Other languages
English (en)
French (fr)
Inventor
林传杰
Original Assignee
阿里巴巴集团控股有限公司
林传杰
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 阿里巴巴集团控股有限公司, 林传杰 filed Critical 阿里巴巴集团控股有限公司
Priority to CA3059630A priority Critical patent/CA3059630A1/en
Priority to AU2018317074A priority patent/AU2018317074B2/en
Priority to EP18846351.7A priority patent/EP3591537A4/en
Priority to SG11201909283S priority patent/SG11201909283SA/en
Publication of WO2019033995A1 publication Critical patent/WO2019033995A1/zh
Priority to US16/685,210 priority patent/US10908893B2/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • G06F8/65—Updates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management

Definitions

  • the present disclosure relates to the field of computer technologies, and in particular, to a page update method and apparatus.
  • PWA Progressive Web Apps
  • Google is a concept put forward by Google and continues to receive attention from the mobile development community.
  • PWA is committed to the application of web pages with the goal of providing a user-friendly web application based on the capabilities of modern browsers. For example, if a browser supports PWA, when the user accesses a page with PWA features multiple times, the browser can automatically prompt to install the application to the desktop. This makes it easier for users to place their favorite web applications on the desktop for later use as a native app and speed up page launches.
  • PWA can also cache page files through the cache mechanism.
  • the cache mechanism can cache page-page-related page files by version and update data by asynchronously requesting data such as ajax.
  • the developer can re-update the release page file code and update the cache version to trigger the style update.
  • one or more embodiments of the present specification provide a page update method and apparatus to improve the efficiency of page update in a PWA cache cache.
  • a page update method comprising:
  • a page update apparatus comprising:
  • a data acquisition module configured to obtain a new page file of the progressive webpage application PWA page
  • a data comparison module configured to compare a current page file of the PWA page with the new page file
  • a data update module configured to: when the data comparison module determines that there is a difference between the current page file and the new page file, update the file version in the new page file, and use the updated new page file as The current page file.
  • a server device comprising a memory, a processor, and computer instructions stored on the memory and executable on the processor, the processor implementing the instructions to:
  • the page update method and apparatus of one or more embodiments of the present specification automatically updates the file version by the version update engine according to the comparison of the old and new page files, so that the page update can be triggered according to the updated version.
  • the solution can enable the operator to configure the block or template to automatically trigger the update of the page code, realize the dynamic configuration style of the operation, reduce the burden on the developer, and improve the efficiency of the page update in the PWA cache cache.
  • FIG. 1 is a system architecture diagram of a PWA application provided by one or more embodiments of the present specification
  • FIG. 3 is a flowchart of page style update provided by one or more embodiments of the present specification.
  • FIG. 4 is a schematic structural diagram of a page updating apparatus provided by one or more embodiments of the present specification.
  • FIG. 1 illustrates a system architecture of a PWA application.
  • the client 11 may be a foreground of a PWA page display, for example, a PWA page may be displayed in a browser.
  • the server 12 can be a background for providing PWA page display support.
  • the client 11 can interact with the server 12 to implement page display.
  • the front-end code 121 can be responsible for the display effect of the page, and can include resources such as js script, style code, and image, wherein the style code can be code related to the page style, for example, according to the style code.
  • the front-end code can be referred to as a page file.
  • the backend code 122 in FIG. 1 may be code related to obtaining and displaying page data.
  • the front page code 121 may be used to obtain how to display the style of the page, and the asynchronous data request method is adopted.
  • the backend code 122 updates the page's data to display the full PWA page.
  • the front-end code 121 may include a cachelist and a cache version, wherein the cachelist may include a file that needs to be cached when offline access is implemented, and the update may be triggered by the cache version. For example, when the page style is updated, the contents of the cachelist can be changed, and the cache version can be changed accordingly, so that the new page style is retrieved by the change of the cache version.
  • Figure 2 illustrates a flow of a page update method that can be used to automatically trigger a file version update when the code content of a page file changes, as shown in Figure 2, which can be performed by the version update engine of Figure 1.
  • step 200 a new page file of the progressive web application PWA page is obtained.
  • the version update engine 123 can receive the new page file sent by the template engine 124.
  • the new page file may be a file generated by the template engine 124 according to the page style update, or may be a file generated according to other content updates in the page.
  • step 202 the current page file of the PWA page is compared with the new page file.
  • the version update engine 123 may compare the old and new page files to determine whether the page file has changed. For example, when the style of the page changes, or the js script changes in the page, etc., you can find the difference between the two files through the comparison of this step. If there is a difference, step 204 is performed, otherwise, if there is no difference, the update of the file version is not triggered.
  • step 204 if there is a difference between the current page file and the new page file, the file version is updated in the new page file, and the updated new page file is used as the current page file.
  • the version update engine 123 automatically updates the file version when there is a difference between the current page file and the new page file, for example, updating the cache version in the page file, and replacing the new page file containing the new cache version with the old one. Current page file.
  • the page update method of this example automatically updates the file version according to the comparison between the old and new page files by the version update engine, so that the page update can be triggered according to the updated version, which can reduce the burden on the developer and improve the cache cache of the PWA.
  • the efficiency of page updates can reduce the burden on the developer and improve the cache cache of the PWA.
  • the following is an example of a page style update to describe how to trigger a file version update when a page style is updated.
  • the way the page style is updated may be the code that the developer issues the change, or the style configuration by the operator in the template block operation system.
  • the template block operation system 13 can be a human-computer interaction system for the operator to modify the page style, and can be provided to the operator to modify the block or template in the page through human-computer interaction.
  • the block can be a rectangular area in the page, marked with the html syntax ⁇ div> ⁇ /div>, and the template can be a module written in a template language such as Velocity.
  • the page style change is automatically triggered, and the version update engine 123 can be added in this example, as shown in FIG.
  • the version update engine 123 can implement configuration changes of the block and template in the operator, automatically update the cache version in the front-end code, thereby realizing dynamic update of the page style, and also triggering the style update when the development code of the page style is changed.
  • FIG. 3 illustrates a flow of implementing a page style update according to the system of FIG. 1, which may include:
  • step 300 the front-end developer makes a code release change, or the operator performs a configuration change of the block template.
  • the developer can change the code corresponding to the page style update.
  • the corresponding code can be changed, which can be called the development code. change.
  • the operator may also configure the block or template in the change page through the template block operation system to change the style of the page, such as changing the shape or position of the banner in the page.
  • the corresponding generated code may be referred to as a service template code.
  • the operation template code may be generated by the template block operation system and transmitted to the template engine, or may be a block template operated by the template engine according to the template block.
  • the configuration change generates the code, as described below by taking the template block operation system to generate the operation template code as an example.
  • the template engine generates a new page file based on the development change code or the operational template code.
  • the template engine 124 may generate a new PWA page file according to the development change code or the operation template code obtained in step 300, the new page file is a file generated according to the page style update, and the new page file may be Send to the version update engine.
  • step 304 the version update engine compares the current page file of the PWA page in the cache with the new page file.
  • the version update engine 123 can respectively obtain the current page file of the PWA page and the new page file obtained in step 302, and the version update engine 123 can distinguish whether the current page file and the cachelist in the new page file have different content, such as Whether there is difference content in the corresponding file in the cachelist, and whether there are different files, for example, whether the cachelist of the new page file has a new js, html file, or whether there is a file smaller than the current page file.
  • step 306 if there is a difference between the current page file and the new page file, the file version is updated in the new page file, and the updated new page file is used as the current page file in the cache.
  • the version update engine may replace the cachelist of the new page file with the cachelist of the current page file, and update
  • the cache version in the new page file corresponds to the new front-end code generated in FIG.
  • step 308 when the browser or webview accesses the PWA page, the page style update may be triggered according to the cache version in the new page file.
  • the page style update method of this example automatically updates the file version by the version update engine according to the comparison of the old and new page files, for example, automatically updating the cacheList and the cache version, thereby enabling the page style update to be triggered according to the updated version.
  • the solution can enable the operator to configure the block or template to automatically trigger the update of the page code, realize the dynamic configuration style of the operation, reduce the burden on the developer, and improve the efficiency of the page style update in the PWA cache cache. .
  • FIG. 4 provides a page update apparatus, which may include: a data acquisition module 41, a data comparison module 42, and a data update module 43.
  • the data obtaining module 41 is configured to obtain a new page file of the PWA page of the progressive webpage application
  • the data comparison module 42 is configured to compare the current page file of the PWA page with the new page file
  • the data update module 43 is configured to: when the data comparison module determines that there is a difference between the current page file and the new page file, update the file version in the new page file, and update the updated new page file, As the current page file.
  • the data obtaining module 41 is configured to receive a new page file sent by the template engine, where the new page file is a file generated by the template engine according to a page style update.
  • the page style update includes: a development code change corresponding to the page style, or a configuration change of the template block.
  • the data comparison module 42 is specifically configured to: respectively acquire the cachelist in the current page file and the new page file; compare the cachelist in the current page file and the new page file, and determine the corresponding file in the corresponding file. Whether there is a difference in content, or whether there are different files.
  • the data update module 43 is specifically configured to: replace the cachelist of the new page file with the cachelist of the current page file, and update the cache version.
  • each step in the flow shown in FIG. 2 or FIG. 3 above is not limited to the order in the flowchart.
  • the description of each step may be implemented in the form of software, hardware or a combination thereof, for example, a person skilled in the art may implement it in the form of software code, and may be a computer executable computer capable of implementing the logic function corresponding to the step. instruction.
  • the executable instructions can be stored in a memory and executed by a processor in the device.
  • one or more embodiments of the present specification simultaneously provide a server device, which may include a processor, a memory, and computer instructions stored on the memory and operable on the processor,
  • the processor by executing the instruction, is configured to: obtain a new page file of the progressive webpage application PWA page; compare the current page file of the PWA page with the new page file; if the current page If there is a difference between the file and the new page file, the file version is updated in the new page file, and the updated new page file is used as the current page file.
  • the apparatus or module illustrated in the above embodiments may be implemented by a computer chip or an entity, or by a product having a certain function.
  • a typical implementation device is a computer, and the specific form of the computer may be a personal computer, a laptop computer, a cellular phone, a camera phone, a smart phone, a personal digital assistant, a media player, a navigation device, an email transceiver, and a game control.
  • one or more embodiments of the present specification can be provided as a method, system, or computer program product.
  • one or more embodiments of the present specification can take the form of an entirely hardware embodiment, an entirely software embodiment, or a combination of software and hardware.
  • one or more embodiments of the present specification can employ a computer program embodied on one or more computer usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) having computer usable program code embodied therein. The form of the product.
  • the computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device.
  • the apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.
  • These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device.
  • the instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.
  • One or more embodiments of the present specification can be described in the general context of computer-executable instructions executed by a computer, such as a program module.
  • program modules include routines, programs, objects, components, data structures, and the like that perform particular tasks or implement particular abstract data types.
  • One or more embodiments of the present specification may also be practiced in distributed computing environments where tasks are performed by remote processing devices that are connected through a communication network.
  • program modules can be located in both local and remote computer storage media including storage devices.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Security & Cryptography (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • Document Processing Apparatus (AREA)
  • Stored Programmes (AREA)

Abstract

本说明书实施例提供一种页面更新方法和装置。该页面更新方法可以由版本更新引擎获取渐进式网页应用PWA页面的新页面文件，并将PWA页面的当前页面文件与新页面文件进行比对，如果两者存在差异，则可以自动进行文件更新，在上述的新页面文件中更新文件版本，并将更新后的新页面文件，作为当前页面文件。

Description

一种页面更新方法和装置 技术领域
本公开涉及计算机技术领域，特别涉及一种页面更新方法和装置。
背景技术
PWA(Progressive Web Apps，渐进式网页应用)是Google提出的概念，持续受到移动开发界的关注。PWA致力于将网页APP化，其目标是基于现代化浏览器的能力来提供一个用户友好的网页应用。例如，如果一个浏览器支持PWA，那么当用户多次访问了具备PWA特性的页面时，浏览器可以自动提示将应用安装到桌面。这使得用户能更方便地将自己喜欢的网页应用存放到桌面，以便之后如原生应用一样使用，且加速页面启动。
此外，为了实现离线访问，PWA也可以通过cache机制将页面文件进行缓存。例如，cache机制可以对页面样式相关的页面文件进行按版本的缓存，并通过ajax等异步请求数据方式更新数据。当页面样式需要更新时，可以由开发人员重新更新发布页面文件代码，并更新cache的版本以触发样式更新。
发明内容
有鉴于此，本说明书一个或多个实施例提供一种页面更新方法和装置，以提高PWA的cache缓存中页面更新的效率。
具体地，本说明书一个或多个实施例是通过如下技术方案实现的：
第一方面，提供一种页面更新方法，所述方法包括：
获取渐进式网页应用PWA页面的新页面文件；
将所述PWA页面的当前页面文件与所述新页面文件进行比对；
若所述当前页面文件与新页面文件存在差异，则在所述新页面文件中更新 文件版本，并将更新后的所述新页面文件，作为所述当前页面文件。
第二方面，提供一种页面更新装置，所述装置包括：
数据获取模块，用于获取渐进式网页应用PWA页面的新页面文件；
数据比较模块，用于将所述PWA页面的当前页面文件与所述新页面文件进行比对；
数据更新模块，用于当所述数据比较模块判定所述当前页面文件与新页面文件存在差异时，则在所述新页面文件中更新文件版本，并将更新后的所述新页面文件，作为所述当前页面文件。
第三方面，提供一种服务端设备，所述设备包括存储器、处理器，以及存储在存储器上并可在处理器上运行的计算机指令，所述处理器执行指令时实现以下步骤：
获取渐进式网页应用PWA页面的新页面文件；
将所述PWA页面的当前页面文件与所述新页面文件进行比对；
若所述当前页面文件与新页面文件存在差异，则在所述新页面文件中更新文件版本，并将更新后的所述新页面文件，作为所述当前页面文件。
本说明书一个或多个实施例的页面更新方法和装置，通过由版本更新引擎根据新旧页面文件的对比，自动更新文件版本，使得能够依据更新的版本触发页面更新。该方案能够使得即使是运营人员配置区块或模版，也同样能够自动触发页面代码的更新，实现运营动态配置样式，也减轻了开发人员的负担，提高了PWA的cache缓存中页面更新的效率。
附图说明
为了更清楚地说明本说明书一个或多个实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书一个或多个实施例中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本说明书一个或多个实施例提供的PWA应用的系统架构图；
图2为本说明书一个或多个实施例提供的页面更新的流程；
图3为本说明书一个或多个实施例提供的页面样式更新的流程；
图4为本说明书一个或多个实施例提供的页面更新装置的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本说明书一个或多个实施例中的技术方案，下面将结合本说明书一个或多个实施例中的附图，对本说明书一个或多个实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是一部分实施例，而不是全部的实施例。基于本说明书一个或多个实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
图1示例了PWA应用的系统架构，如图1所示，客户端11可以是PWA页面展示的前台，比如，可以是在一个浏览器中显示PWA页面。服务端12可以是用于提供PWA页面展示支持的后台，在PWA页面的展示过程中，可以由客户端11与服务端12交互配合实现页面显示。
请继续参见图1，其中的前端代码121可以负责页面的展示效果，可以包括js脚本、样式代码和图片等资源，其中的样式代码可以是与页面样式相关的代码，比如，根据样式代码可以确定页面中的各部分内容的布局安排，或者页面内容的字体和颜色，或者页面中某一个区域的展示形状等。本例子中，可以将前端代码称为页面文件。图1中的后端代码122可以是与获取并展示页面数据相关的代码，比如，当请求显示某个PWA页面时，可以根据前端代码121获取如何显示页面的样式，并采用异步数据请求方式通过后端代码122更新页面的数据，从而显示完整的PWA页面。
前端代码121中可以包括cachelist和cache版本，其中的cachelist可以包括实现离线访问时需要缓存的文件，可以通过cache版本触发更新。比如，当页面样式更新时，cachelist的内容可以发生变化，cache版本也可以相应改变，从而 通过该cache版本的变更触发重新获取新的页面样式。
图2示例了一个页面更新方法的流程，该方法可以用于在页面文件的代码内容变更时，自动触发文件版本的更新，如图2所示，该方法可以由图1中的版本更新引擎执行，可以包括：
在步骤200中，获取渐进式网页应用PWA页面的新页面文件。
本步骤中，版本更新引擎123可以接收模版引擎124发送的新页面文件。例如，该新页面文件可以是模版引擎124根据页面样式更新生成的文件，或者也可以是根据页面中其他内容更新生成的文件。
在步骤202中，将PWA页面的当前页面文件与所述新页面文件进行比对。
本步骤中，版本更新引擎123可以将新旧页面文件进行比对，判断页面文件是否有变化。比如，当页面的样式变更，或者页面中的js脚本变更，等，都可以通过本步骤的比对来发现两个文件的差异。如果存在差异，则执行步骤204，否则，如果不存在差异，则不触发文件版本的更新。
在步骤204中，若当前页面文件与新页面文件存在差异，则在所述新页面文件中更新文件版本，并将更新后的所述新页面文件，作为所述当前页面文件。
本步骤中，版本更新引擎123在当前页面文件与新页面文件存在差异时，自动更新文件版本，例如，更新页面文件中的cache版本，并将包含新的cache版本的新页面文件替换掉旧的当前页面文件。
本例子的页面更新方法，通过由版本更新引擎根据新旧页面文件的对比，自动更新文件版本，使得能够依据更新的版本触发页面更新，该方案能够减轻开发人员的负担，提高了PWA的cache缓存中页面更新的效率。
如下以页面样式的更新为例，描述当页面样式更新时，如何触发文件版本更新的流程。其中，页面样式更新的方式，可以是开发人员发布变更的代码，或者由运营人员在模版区块运营系统进行样式配置。
如图1所示，模版区块运营系统13可以是一个供运营人员修改页面样式的人机交互系统，可以提供给运营人员通过人机交互方式修改页面中的区块或者模版。其中，区块可以是页面中的某个矩形区域，使用html语法<div></div>进 行标记，模版可以是使用velocity等模版语言编写的模块。为了使得运营人员在通过模版区块运营系统进行区块和模版的配置变更时，能自动触发前端代码的更新，自动触发页面样式变更，本例子可以增加版本更新引擎123，如图1所示。
版本更新引擎123可以实现在运营人员进行区块和模版的配置变更，自动更新前端代码中的cache版本，从而实现页面样式的动态更新，同样也能够在页面样式对应的开发代码变更时触发样式更新。图3示例了一个根据图1的系统实现页面样式更新的流程，可以包括：
在步骤300中，前端开发人员进行代码发布变更，或者运营人员进行区块模版的配置变更。
例如，如图1示例，开发人员可以进行页面样式更新对应的代码变更，比如，要改变页面的布局，或者改变页面某一部分的显示样式，可以变更对应的代码，可以称这部分代码为开发代码变更。
在另一例子中，也可以由运营人员通过模版区块运营系统，配置变更页面中的区块或者模版，从而改变页面的样式，比如改变页面中的广告条的形状或者位置。对应生成的代码可以称为运营模版代码，例如，该运营模版代码可以是由模版区块运营系统生成后传输至模版引擎，或者，也可以是由模版引擎根据模版区块运营系统的区块模版配置变更生成该代码，如下以模版区块运营系统生成运营模版代码为例进行描述。
在步骤302中，模版引擎根据开发变更代码或者运营模版代码，生成新页面文件。本步骤中，模版引擎124可以根据步骤300中得到的开发变更代码或者运营模版代码，生成新的PWA的页面文件，该新页面文件是根据页面样式更新生成的文件，并可以将该新页面文件发送至版本更新引擎。
在步骤304中，版本更新引擎将缓存中的PWA页面的当前页面文件与所述新页面文件进行比对。
例如，版本更新引擎123可以分别获取PWA页面的当前页面文件、以及步骤302中得到的新页面文件，并且，版本更新引擎123可以将当前页面文件和新页面文件中的cachelist是否存在差异内容，比如cachelist中对应的同一文件 中是否存在差异内容，以及是否存在不同的文件，比如，判断新页面文件的cachelist是否存在新的js、html文件，或者是否有相比当前页面文件减少的文件。
在步骤306中，若当前页面文件与新页面文件存在差异，则在新页面文件中更新文件版本，并将更新后的新页面文件，作为缓存中的当前页面文件。
例如，若确认当前页面文件与新页面文件存在差异，比如cachelist中的对应文件内容存在变更，或者有新的文件，则版本更新引擎可以将新页面文件的cachelist替换当前页面文件的cachelist，并更新所述的新页面文件中的cache版本，即对应图1中产生新的前端代码。
在步骤308中，当浏览器或webview访问PWA页面时，可以根据新页面文件中的cache版本，触发页面样式的更新。
本例子的页面样式更新方法，通过由版本更新引擎根据新旧页面文件的对比，自动更新文件版本，比如，自动更新cacheList和cache的版本，从而使得能够依据更新的版本触发页面样式的更新。该方案能够使得即使是运营人员配置区块或模版，也同样能够自动触发页面代码的更新，实现运营动态配置样式，也减轻了开发人员的负担，提高了PWA的cache缓存中页面样式更新的效率。
为了实现本说明书一个或多个实施例的页面更新方法，图4提供了一种页面更新装置，可以包括：数据获取模块41、数据比较模块42和数据更新模块43。
数据获取模块41，用于获取渐进式网页应用PWA页面的新页面文件；
数据比较模块42，用于将所述PWA页面的当前页面文件与所述新页面文件进行比对；
数据更新模块43，用于当所述数据比较模块判定所述当前页面文件与新页面文件存在差异时，则在所述新页面文件中更新文件版本，并将更新后的所述新页面文件，作为所述当前页面文件。
在一个例子中，数据获取模块41，用于接收模版引擎发送的新页面文件，所述新页面文件是由所述模版引擎根据页面样式更新生成的文件。
在一个例子中，所述页面样式更新，包括：页面样式对应的开发代码变更， 或者，模版区块的配置变更。
在一个例子中，数据比较模块42，具体用于：分别获取所述当前页面文件和新页面文件中的cachelist；比较所述当前页面文件和新页面文件中的cachelist，判断在对应的同一文件中是否存在差异内容，或者是否存在不同的文件。
在一个例子中，数据更新模块43，具体用于：将所述新页面文件的cachelist替换所述当前页面文件的cachelist，并更新cache版本。
上述图2或图3所示流程中的各个步骤，其执行顺序不限制于流程图中的顺序。此外，各个步骤的描述，可以实现为软件、硬件或者其结合的形式，例如，本领域技术人员可以将其实现为软件代码的形式，可以为能够实现所述步骤对应的逻辑功能的计算机可执行指令。当其以软件的方式实现时，所述的可执行指令可以存储在存储器中，并被设备中的处理器执行。
例如，对应于上述方法，本说明书一个或多个实施例同时提供一种服务端设备，该设备可以包括处理器、存储器、以及存储在存储器上并可在处理器上运行的计算机指令，所述处理器通过执行所述指令，用于实现如下步骤：获取渐进式网页应用PWA页面的新页面文件；将所述PWA页面的当前页面文件与所述新页面文件进行比对；若所述当前页面文件与新页面文件存在差异，则在所述新页面文件中更新文件版本，并将更新后的所述新页面文件，作为所述当前页面文件。
上述实施例阐明的装置或模块，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机，计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。
为了描述的方便，描述以上装置时以功能分为各种模块分别描述。当然，在实施本说明书一个或多个实施例时可以把各模块的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白，本说明书一个或多个实施例可提供为方法、 系统、或计算机程序产品。因此，本说明书一个或多个实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本说明书一个或多个实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本说明书一个或多个实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书一个或多个实施例，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。 尤其，对于服务端设备实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
以上所述仅为本说明书一个或多个实施例的较佳实施例而已，并不用以限制本公开，凡在本公开的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本公开保护的范围之内。

Claims (11)

  1. 一种页面更新方法，所述方法包括：
    获取渐进式网页应用PWA页面的新页面文件；
    将所述PWA页面的当前页面文件与所述新页面文件进行比对；
    若所述当前页面文件与新页面文件存在差异，则在所述新页面文件中更新文件版本，并将更新后的所述新页面文件，作为所述当前页面文件。
  2. 根据权利要求1所述的方法，所述获取PWA页面的新页面文件，包括：
    接收模版引擎发送的新页面文件，所述新页面文件是由所述模版引擎根据页面样式更新生成的文件。
  3. 根据权利要求2所述的方法，所述页面样式更新，包括：页面样式对应的开发代码变更，或者，模版区块的配置变更。
  4. 根据权利要求1所述的方法，所述将所述PWA页面的当前页面文件与所述新页面文件进行比对，包括：
    分别获取所述当前页面文件和新页面文件中的cachelist；
    比较所述当前页面文件和新页面文件中的cachelist，判断在对应的同一文件中是否存在差异内容，或者是否存在不同的文件。
  5. 根据权利要求4所述的方法，所述在所述新页面文件中更新文件版本，并将更新后的所述新页面文件，作为缓存中的所述当前页面文件，包括：
    将所述新页面文件的cachelist替换所述当前页面文件的cachelist，并更新cache版本。
  6. 一种页面更新装置，所述装置包括：
    数据获取模块，用于获取渐进式网页应用PWA页面的新页面文件；
    数据比较模块，用于将所述PWA页面的当前页面文件与所述新页面文件进行比对；
    数据更新模块，用于当所述数据比较模块判定所述当前页面文件与新页面文件存在差异时，则在所述新页面文件中更新文件版本，并将更新后的所述新 页面文件，作为所述当前页面文件。
  7. 根据权利要求6所述的装置，所述数据获取模块，用于接收模版引擎发送的新页面文件，所述新页面文件是由所述模版引擎根据页面样式更新生成。
  8. 根据权利要求7所述的装置，所述页面样式更新，包括：样式对应的开发代码变更，或者，模版区块的配置变更。
  9. 根据权利要求6所述的装置，
    所述数据比较模块，具体用于：分别获取所述当前页面文件和新页面文件中的cachelist；比较所述当前页面文件和新页面文件中的cachelist，判断在对应的同一文件中是否存在差异内容，或者是否存在不同的文件。
  10. 根据权利要求9所述的装置，
    所述数据更新模块，具体用于：将所述新页面文件的cachelist替换所述当前页面文件的cachelist，并更新cache版本。
  11. 一种服务端设备，所述设备包括存储器、处理器，以及存储在存储器上并可在处理器上运行的计算机指令，所述处理器执行指令时实现以下步骤：
    获取渐进式网页应用PWA页面的新页面文件；
    将所述PWA页面的当前页面文件与所述新页面文件进行比对；
    若所述当前页面文件与新页面文件存在差异，则在所述新页面文件中更新文件版本，并将更新后的所述新页面文件，作为所述当前页面文件。
PCT/CN2018/099872 2017-08-16 2018-08-10 一种页面更新方法和装置 WO2019033995A1 (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
CA3059630A CA3059630A1 (en) 2017-08-16 2018-08-10 Page update method and apparatus
AU2018317074A AU2018317074B2 (en) 2017-08-16 2018-08-10 Page updating method and device
EP18846351.7A EP3591537A4 (en) 2017-08-16 2018-08-10 PAGE UPDATE METHOD AND APPARATUS
SG11201909283S SG11201909283SA (en) 2017-08-16 2018-08-10 Page update method and apparatus
US16/685,210 US10908893B2 (en) 2017-08-16 2019-11-15 Page update method and apparatus

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710703234.6 2017-08-16
CN201710703234.6A CN107609042A (zh) 2017-08-16 2017-08-16 一种页面更新方法和装置

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US16/685,210 Continuation US10908893B2 (en) 2017-08-16 2019-11-15 Page update method and apparatus

Publications (1)

Publication Number Publication Date
WO2019033995A1 true WO2019033995A1 (zh) 2019-02-21

Family

ID=61064388

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/099872 WO2019033995A1 (zh) 2017-08-16 2018-08-10 一种页面更新方法和装置

Country Status (8)

Country Link
US (1) US10908893B2 (zh)
EP (1) EP3591537A4 (zh)
CN (1) CN107609042A (zh)
AU (1) AU2018317074B2 (zh)
CA (1) CA3059630A1 (zh)
SG (1) SG11201909283SA (zh)
TW (1) TW201911020A (zh)
WO (1) WO2019033995A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112579138A (zh) * 2020-12-02 2021-03-30 京东数字科技控股股份有限公司 页面展示方法、装置、电子设备及存储介质

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107609042A (zh) * 2017-08-16 2018-01-19 阿里巴巴集团控股有限公司 一种页面更新方法和装置
CN110209418B (zh) * 2019-06-12 2024-01-05 南方电网科学研究院有限责任公司 一种程序更新方法、装置、设备及计算机可读存储介质
EP3754441B1 (de) 2019-06-18 2023-05-31 Schneider Electric Industries SAS Verfahren zur bereitstellung einer mobilen applikation
CN110795674B (zh) * 2019-10-30 2022-08-09 恩亿科(北京)数据科技有限公司 一种配置更新方法及装置
CN112947955B (zh) * 2019-12-31 2021-12-07 深圳市明源云链互联网科技有限公司 应用程序的架构更新方法、装置、电子设备及存储介质
CN112433752B (zh) * 2020-11-20 2023-11-17 泰康保险集团股份有限公司 页面解析方法、装置、介质及电子设备
CN112769903A (zh) * 2020-12-24 2021-05-07 青岛奥利普自动化控制系统有限公司 一种设备数采信息实时推送方法、装置及存储介质
TWI790913B (zh) * 2022-02-08 2023-01-21 宏碁股份有限公司 網頁存取系統及網頁存取方法
CN115544969B (zh) * 2022-11-29 2023-03-21 明度智云(浙江)科技有限公司 基于超文本标记语言的页面对比方法、设备及介质
CN116894014B (zh) * 2023-09-08 2024-02-27 荣耀终端有限公司 缓存更新方法、服务器、终端设备及芯片系统

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130159892A1 (en) * 2011-08-17 2013-06-20 Weejot Ltd. Non-technical creation of mobile web applications
CN104182241A (zh) * 2013-05-24 2014-12-03 华为终端有限公司 一种网页应用程序更新方法及通信设备
CN105912324A (zh) * 2016-04-05 2016-08-31 浪潮（苏州）金融技术服务有限公司 一种Web网页生成的方法和装置
CN107609042A (zh) * 2017-08-16 2018-01-19 阿里巴巴集团控股有限公司 一种页面更新方法和装置

Family Cites Families (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7765196B2 (en) * 2003-06-23 2010-07-27 Dell Products L.P. Method and apparatus for web cache using database triggers
TW200513891A (en) 2003-10-09 2005-04-16 Global Network Technology Corp Incremental webpage real-time searching method
US20070033155A1 (en) * 2005-08-02 2007-02-08 Landsman Richard A Client/server web application architectures for offline usage, data structures, and related methods
US20110066676A1 (en) * 2009-09-14 2011-03-17 Vadim Kleyzit Method and system for reducing web page download time
US9495338B1 (en) 2010-01-28 2016-11-15 Amazon Technologies, Inc. Content distribution network
US9626343B2 (en) * 2010-04-05 2017-04-18 Facebook, Inc. Caching pagelets of structured documents
US8875057B2 (en) * 2010-08-26 2014-10-28 Macroview Business Technology Pty Limited Document management framework
US9076244B2 (en) * 2011-06-29 2015-07-07 Trimble Navigation Limited Managing web page data in a composite document
US9003423B1 (en) 2011-07-29 2015-04-07 Amazon Technologies, Inc. Dynamic browser compatibility checker
CN102521295A (zh) * 2011-11-30 2012-06-27 深圳市五巨科技有限公司 一种自动获取指定页面内容更新的方法和装置
CN102904947B (zh) * 2012-09-29 2019-07-23 北京百度网讯科技有限公司 应用客户端展示样式更新和/或内容扩展的方法及系统
TW201421263A (zh) 2012-11-20 2014-06-01 Inventec Corp 網頁瀏覽系統及其方法
CN103873502A (zh) * 2012-12-11 2014-06-18 阿里巴巴集团控股有限公司 缓存更新方法及系统、提供更新资源的方法及系统
CN104239081A (zh) 2013-06-18 2014-12-24 富泰华工业（深圳）有限公司 软件升级系统及方法
US20150089348A1 (en) * 2013-09-23 2015-03-26 Yahoo! Inc. System and method for web page background image delivery
US9998521B2 (en) * 2015-01-08 2018-06-12 Instart Logic, Inc. HTML streaming
US10606443B2 (en) * 2015-12-10 2020-03-31 Appelago Inc. Interactive dashboard for controlling delivery of dynamic push notifications
CN105607927A (zh) 2015-12-18 2016-05-25 小米科技有限责任公司 页面显示方法及装置
CN106990975B (zh) 2016-01-21 2021-07-23 斑马智行网络(香港)有限公司 一种应用热部署方法、装置和系统
US20170228815A1 (en) * 2016-02-08 2017-08-10 LastMile Retail, Inc. Methods, systems, and media for providing aggregated and uniformly arranged item information
CN106020798A (zh) * 2016-05-11 2016-10-12 乐视控股（北京）有限公司 网页版本发布方法、装置及系统

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130159892A1 (en) * 2011-08-17 2013-06-20 Weejot Ltd. Non-technical creation of mobile web applications
CN104182241A (zh) * 2013-05-24 2014-12-03 华为终端有限公司 一种网页应用程序更新方法及通信设备
CN105912324A (zh) * 2016-04-05 2016-08-31 浪潮（苏州）金融技术服务有限公司 一种Web网页生成的方法和装置
CN107609042A (zh) * 2017-08-16 2018-01-19 阿里巴巴集团控股有限公司 一种页面更新方法和装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3591537A4 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112579138A (zh) * 2020-12-02 2021-03-30 京东数字科技控股股份有限公司 页面展示方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
AU2018317074A1 (en) 2019-10-31
AU2018317074B2 (en) 2020-10-22
EP3591537A4 (en) 2020-04-29
TW201911020A (zh) 2019-03-16
US10908893B2 (en) 2021-02-02
CA3059630A1 (en) 2019-02-21
EP3591537A1 (en) 2020-01-08
SG11201909283SA (en) 2019-11-28
US20200081703A1 (en) 2020-03-12
CN107609042A (zh) 2018-01-19

Similar Documents

Publication Publication Date Title
WO2019033995A1 (zh) 一种页面更新方法和装置
US11966409B2 (en) Extensible attributes for data warehouses
US8881055B1 (en) HTML pop-up control
US20130239039A1 (en) Rocket effect in a progress bar
JP6440828B2 (ja) デジタルコンテンツの可視性の検出
US20130151937A1 (en) Selective image loading in mobile browsers
US20130036196A1 (en) Method and system for publishing template-based content
US10915303B2 (en) Run time integrated development and modification system
WO2019179243A1 (zh) 一种信息展示方法、装置及设备
US20150269130A1 (en) System and method of using multi-level hierarchical data in displaying real-time web-service objects
US20190080017A1 (en) Method, system, and device that invokes a web engine
WO2019034066A1 (zh) 一种页面更新方法和装置
KR102040359B1 (ko) 상태 정보를 위한 동기화 지점
US20140344325A1 (en) Asynchronous content updates in the background for improved application performance
EP3008697B1 (en) Coalescing graphics operations
RU2634221C2 (ru) Способ и устройство для отрисовки представления электронного документа на экране
US20180210717A1 (en) Time Integrated Development and Modification System
Voitko et al. Analysis of the development approaches of the system of audio synthesis and recognition with the option of using photonic processors
WO2017214844A1 (en) Apparatus and method for status indicating
US11704093B2 (en) Rapid prototyping of user experience components and related application functionality
CN112861029B (zh) 信息展示方法、装置、设备和介质
US20160147422A1 (en) Systems and methods to display contextual information
EP4281857A1 (en) Application deployment for applications offered by multiple deployment sources
WO2023075905A1 (en) Method and system of managing and displaying comments

Legal Events

Date Code Title Description
ENP Entry into the national phase

Ref document number: 3059630

Country of ref document: CA

ENP Entry into the national phase

Ref document number: 2018846351

Country of ref document: EP

Effective date: 20191001

ENP Entry into the national phase

Ref document number: 2018317074

Country of ref document: AU

Date of ref document: 20180810

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE