[go: up one dir, main page]

CN112818272A - Configured webpage rendering method, device, system and medium - Google Patents

Configured webpage rendering method, device, system and medium Download PDF

Info

Publication number
CN112818272A
CN112818272A CN202110121097.1A CN202110121097A CN112818272A CN 112818272 A CN112818272 A CN 112818272A CN 202110121097 A CN202110121097 A CN 202110121097A CN 112818272 A CN112818272 A CN 112818272A
Authority
CN
China
Prior art keywords
html file
page
configuration
static html
webpage
Prior art date
Legal status (The legal status 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 status listed.)
Pending
Application number
CN202110121097.1A
Other languages
Chinese (zh)
Inventor
孙悦
李天驰
陈立俊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Dianmao Technology Co Ltd
Original Assignee
Shenzhen Dianmao Technology Co Ltd
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 Shenzhen Dianmao Technology Co Ltd filed Critical Shenzhen Dianmao Technology Co Ltd
Priority to CN202110121097.1A priority Critical patent/CN112818272A/en
Publication of CN112818272A publication Critical patent/CN112818272A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The invention discloses a method, a device, a system and a medium for rendering a configured webpage, wherein the method comprises the following steps: generating an initialization webpage according to the received configuration instruction, storing the current page configuration and distributing corresponding page id; when a release instruction is detected, rendering the initialization webpage to generate a static html file, and uploading the static html file to the CDN; and acquiring the page configuration and the static html file of the target webpage according to the access link input by the user, and acquiring the rendered target webpage at the client according to the page configuration and the static html file. According to the embodiment of the invention, the webpage is generated in a configuration mode, the rendering processing on the webpage is completed when the configuration is generated, and the static html file is obtained, so that the flexible self-configuration webpage generating effect is realized, the subsequent rendering work can be quickly and efficiently completed when the target webpage is accessed, and the access speed of the webpage is improved.

Description

一种配置化网页渲染方法、装置、系统及介质A configuration web page rendering method, device, system and medium

技术领域technical field

本发明涉及网页渲染技术领域,尤其涉及一种配置化网页渲染方法、装置、系统及介质。The present invention relates to the technical field of web page rendering, and in particular, to a configuration-based web page rendering method, device, system and medium.

背景技术Background technique

当用户访问一次网页需要经过服务器请求、网络加载以及客户端渲染过程从而在客户端展示目标网页,现有技术在进行客户端渲染时一般采用两种方案,一种是在最后一步的客户端页面配置,再进行渲染,即通过客户端加载请求接口获取相应的页面配置后再解析配置渲染页面;另一种是在服务器上进行解析配置再渲染,即在访问服务端时请求获取页面配置并完成渲染后再响应客户端的访问请求,然而这两种方式都是在用户访问页面时才解析配置渲染的,对网页访问速度有一定的影响,特别针对非专业人员制作的网页现有的解析渲染方式更加降低了网页访问性能。When a user accesses a webpage once, it needs to go through the server request, network loading and client rendering process to display the target webpage on the client side. The prior art generally adopts two schemes for client side rendering. One is the client page in the last step. Configure, and then render, that is, obtain the corresponding page configuration through the client loading request interface, and then parse and configure the rendering page; the other is to parse the configuration on the server and then render, that is, request the page configuration and complete it when accessing the server. After rendering, it responds to the client's access request. However, these two methods are only parsed and rendered when the user accesses the page, which has a certain impact on the page access speed, especially for the existing parsing and rendering methods of web pages made by non-professionals. It further reduces the performance of web page access.

因此,现有技术还有待于改进和发展。Therefore, the existing technology still needs to be improved and developed.

发明内容SUMMARY OF THE INVENTION

鉴于上述现有技术的不足,本发明的目的在于提供一种配置化网页渲染方法、装置、系统及介质,旨在解决现有技术中访问网页时渲染速度低导致网页加载慢的问题。In view of the above-mentioned deficiencies of the prior art, the purpose of the present invention is to provide a configuration web page rendering method, device, system and medium, aiming to solve the problem of slow web page loading caused by low rendering speed when accessing a web page in the prior art.

本发明的技术方案如下:The technical scheme of the present invention is as follows:

一种配置化网页渲染方法,其包括如下步骤:A configuration web page rendering method, comprising the following steps:

根据接收到的配置指令生成初始化网页,保存当前的页面配置并分配相应的页面id;Generate an initialization web page according to the received configuration instruction, save the current page configuration and assign the corresponding page id;

当检测到发布指令时对所述初始化网页进行渲染生成静态html文件,将所述静态html文件上传至CDN;When the issuing instruction is detected, the initialization webpage is rendered to generate a static html file, and the static html file is uploaded to the CDN;

根据用户输入的访问链接获取目标网页的页面配置与静态html文件,根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页。The page configuration and static html file of the target web page are obtained according to the access link input by the user, and the rendered target web page is obtained on the client side according to the page configuration and the static html file.

所述的配置化网页渲染方法中,所述根据接收到的配置指令生成初始化网页,保存当前的页面配置并分配相应的页面id,包括:In the configuration-based web page rendering method, generating an initialization web page according to the received configuration instruction, saving the current page configuration and assigning a corresponding page id, including:

根据接收到的配置指令在预设组件库中选择相应的组件生成初始化网页;According to the received configuration instruction, select the corresponding component in the preset component library to generate the initialization webpage;

根据已选择的组件保存当前初始化网页的页面配置,并为当前的页面配置分配相应的页面id。Save the page configuration of the current initialization webpage according to the selected component, and assign the corresponding page id to the current page configuration.

所述的配置化网页渲染方法中,所述当检测到发布指令时对所述初始化网页进行渲染生成静态html文件,将所述静态html文件上传至CDN,包括:In the configuration web page rendering method, the rendering of the initialization web page to generate a static html file when the issuing instruction is detected, and uploading the static html file to the CDN, includes:

当检测到发布指令时调用构建服务对所述初始化网页进行渲染,生成静态html文件;When the issuing instruction is detected, the build service is called to render the initialized web page, and a static html file is generated;

将所述静态html文件进行js打包处理后上传至CDN。The static html file is packaged with js and then uploaded to the CDN.

所述的配置化网页渲染方法中,所述将所述静态html文件上传至CDN之后,还包括:In the configuration web page rendering method, after uploading the static html file to the CDN, the method further includes:

接收CDN反馈的html文件名。The html file name for receiving CDN feedback.

所述的配置化网页渲染方法中,所述根据用户输入的访问链接获取目标网页的页面配置与静态html文件,根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页,包括:In the configuration web page rendering method, the page configuration and static html file of the target web page are obtained according to the access link input by the user, and the rendered target web page is obtained on the client side according to the page configuration and the static html file, including:

接收用户输入的访问链接并检测所述访问链接中的页面id;Receive the access link input by the user and detect the page id in the access link;

根据所述页面id获取目标网页的页面配置与静态html文件;Obtain the page configuration and static html file of the target web page according to the page id;

根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页。According to the page configuration and the static html file, the rendered target web page is obtained on the client side.

所述的配置化网页渲染方法中,所述根据所述页面id获取目标网页的页面配置与静态html文件,包括:In the configuration-based webpage rendering method, the obtaining of the page configuration and static html file of the target webpage according to the page id includes:

根据所述页面id获取目标网页的页面配置和html文件名;Obtain the page configuration and html file name of the target web page according to the page id;

通过所述html文件名拼接获取CDN链接后请求获取相应的静态html文件。After obtaining the CDN link by splicing the html file name, request to obtain the corresponding static html file.

所述的配置化网页渲染方法中,所述根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页,具体包括:In the configuration-based web page rendering method, obtaining the rendered target web page on the client side according to the page configuration and the static html file specifically includes:

将获取到的静态html文件返回至客户端,并在所述静态html文件中存入相应的页面配置得到渲染完成的目标网页。The obtained static html file is returned to the client, and the corresponding page configuration is stored in the static html file to obtain a rendered target web page.

本发明又一实施例还提供了一种配置化网页渲染装置,所述装置包括:Yet another embodiment of the present invention also provides a configuration web page rendering apparatus, the apparatus comprising:

配置模块,用于根据接收到的配置指令生成初始化网页,保存当前的页面配置并分配相应的页面id;The configuration module is used to generate an initialization web page according to the received configuration instruction, save the current page configuration and assign the corresponding page id;

构建渲染模块,用于当检测到发布指令时对所述初始化网页进行渲染生成静态html文件,将所述静态html文件上传至CDN;constructing a rendering module for rendering the initialization web page to generate a static html file when the issuing instruction is detected, and uploading the static html file to the CDN;

访问模块,用于根据用户输入的访问链接获取目标网页的页面配置与静态html文件,根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页。The access module is configured to obtain the page configuration and static html file of the target webpage according to the access link input by the user, and obtain the rendered target webpage on the client side according to the page configuration and the static html file.

本发明又一实施例还提供了一种配置化网页渲染系统,所述系统包括至少一个处理器;以及,Yet another embodiment of the present invention also provides a system for configuring web page rendering, the system comprising at least one processor; and,

与所述至少一个处理器通信连接的存储器;其中,a memory communicatively coupled to the at least one processor; wherein,

所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行上述配置化网页渲染方法。The memory stores instructions executable by the at least one processor, the instructions being executed by the at least one processor to enable the at least one processor to perform the above-described method for configuring web page rendering.

本发明的另一实施例还提供了一种非易失性计算机可读存储介质,所述非易失性计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令被一个或多个处理器执行时,可使得所述一个或多个处理器执行上述的配置化网页渲染方法。Another embodiment of the present invention also provides a non-volatile computer-readable storage medium storing computer-executable instructions, the computer-executable instructions being stored by one or more When the processor executes, the one or more processors can be made to execute the above-mentioned configuration web page rendering method.

本发明的另一实施例还提供了一种计算机程序产品,所述计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序,所述计算机程序包括程序指令,当所述程序指令被处理器执行时,使所述处理器执行上述的配置化网页渲染方法。Another embodiment of the present invention also provides a computer program product, the computer program product including a computer program stored on a non-volatile computer-readable storage medium, the computer program including program instructions, when the program is When the instruction is executed by the processor, the processor is caused to execute the above-mentioned configuration web page rendering method.

有益效果:本发明公开了一种配置化网页渲染方法、装置、系统及介质,相比于现有技术,本发明实施例通过在配置生成网页时即完成对页面的渲染处理得到静态html文件,使得后续在访问目标网页时可快速高效的完成渲染工作,提高网页的访问速度。Beneficial effects: The present invention discloses a configuration web page rendering method, device, system and medium. Compared with the prior art, the embodiment of the present invention obtains a static html file by completing the rendering process of the page when the web page is configured to be generated, This enables the rendering work to be completed quickly and efficiently when the target web page is accessed subsequently, and the access speed of the web page is improved.

附图说明Description of drawings

下面将结合附图及实施例对本发明作进一步说明,附图中:The present invention will be further described below in conjunction with the accompanying drawings and embodiments, in which:

图1为本发明提供的配置化网页渲染方法较佳实施例的流程图;FIG. 1 is a flowchart of a preferred embodiment of a configuration-based webpage rendering method provided by the present invention;

图2为本发明提供的配置化网页渲染方法应用实施例中配置化网页渲染的流程架构示意图;FIG. 2 is a schematic diagram of a process architecture of configuration-based web page rendering in an application embodiment of a configuration-based web page rendering method provided by the present invention;

图3为本发明提供的配置化网页渲染装置较佳实施例的功能模块示意图;3 is a schematic diagram of functional modules of a preferred embodiment of a configuration web page rendering apparatus provided by the present invention;

图4为本发明提供的配置化网页渲染系统较佳实施例的硬件结构示意图。FIG. 4 is a schematic diagram of a hardware structure of a preferred embodiment of the configuration web page rendering system provided by the present invention.

具体实施方式Detailed ways

为使本发明的目的、技术方案及效果更加清楚、明确,以下对本发明进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。以下结合附图对本发明实施例进行介绍。In order to make the objectives, technical solutions and effects of the present invention clearer and clearer, the present invention will be described in further detail below. It should be understood that the specific embodiments described herein are only used to explain the present invention, but not to limit the present invention. The embodiments of the present invention are described below with reference to the accompanying drawings.

请参阅图1,图1为本发明提供的配置化网页渲染方法较佳实施例的流程图。如图1所示,其包括如下步骤:Please refer to FIG. 1 . FIG. 1 is a flowchart of a preferred embodiment of a configuration web page rendering method provided by the present invention. As shown in Figure 1, it includes the following steps:

S100、根据接收到的配置指令生成初始化网页,保存当前的页面配置并分配相应的页面id;S100. Generate an initialization web page according to the received configuration instruction, save the current page configuration and assign a corresponding page id;

S200、当检测到发布指令时对所述初始化网页进行渲染生成静态html文件,将所述静态html文件上传至CDN;S200, rendering the initialization web page to generate a static html file when the issuing instruction is detected, and uploading the static html file to the CDN;

S300、根据用户输入的访问链接获取目标网页的页面配置与静态html文件,根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页。S300. Acquire the page configuration and static html file of the target webpage according to the access link input by the user, and obtain the rendered target webpage on the client side according to the page configuration and the static html file.

本实施例中,网页的生成与访问渲染可分为后台配置、构建渲染以及前台访问三个阶段,首先在后台配置阶段根据接收到的配置指令生成相应的初始化网页,并且根据当前初始化网页的页面布局、样式、内容以及交互等页面数据保存当前的页面配置,为该页面配置分配相应的页面id,即身份标识号(identity document,id),具体所述页面配置可保存为JS对象简谱(JavaScript Object Notation,json)文件,其作为一种轻量级的数据交换格式,易于生成和解析,可有效提升网络传输效率;之后当配置完成用户点击发布指令时,利用服务端的预渲染根据所述初始化网页生成相应静态超文本标记语言(Hyper TextMarkup Language,html)文件并上传至CDN,即内容分发网络(Content Delivery Network,CND),后续当用户在客户端输入访问链接相应访问目标网页时,根据该访问链接从CDN上获取到相应的静态html文件以及页面配置,进而在客户端得到渲染完成的目标网页实现快速高效的访问网页,并且由于本实施例中可通过配置指令灵活生成相应的网页,使得非专业研发人员也可通过上述配置渲染方式得到高性能的网页,例如运营人员可自己制作得到高性能的落地页(广告业、引导页等),在节约专业研发人员资源的同时也不影响用户对落地页的访问速度。In this embodiment, the generation and access rendering of the webpage can be divided into three stages: background configuration, construction rendering, and foreground access. First, in the background configuration stage, a corresponding initialization webpage is generated according to the received configuration instruction, and according to the page of the current initialization webpage The page data such as layout, style, content, and interaction save the current page configuration, and assign the corresponding page id, that is, the identity document (id), to the page configuration. Specifically, the page configuration can be saved as a JS object notation (JavaScript Object Notation, json) file, as a lightweight data exchange format, it is easy to generate and parse, and can effectively improve the efficiency of network transmission; after the configuration is completed, when the user clicks and publishes the instruction, the pre-rendering of the server is used to initialize according to the The webpage generates a corresponding static hypertext markup language (Hyper TextMarkup Language, html) file and uploads it to the CDN, that is, the content delivery network (Content Delivery Network, CND). Subsequently, when the user enters an access link on the client to access the target webpage accordingly, according to the The access link obtains the corresponding static html file and page configuration from the CDN, and then obtains the rendered target web page on the client side to achieve fast and efficient access to the web page. In this embodiment, the corresponding web page can be flexibly generated through configuration instructions, so that Non-professional R&D personnel can also obtain high-performance web pages through the above configuration and rendering methods. For example, operators can create high-performance landing pages (advertising, guide pages, etc.) by themselves, saving professional R&D personnel resources without affecting users. The speed of access to the landing page.

进一步地,所述根据接收到的配置指令生成初始化网页,保存当前的页面配置并分配相应的页面id,包括:Further, generating an initialization web page according to the received configuration instruction, saving the current page configuration and assigning a corresponding page id, including:

根据接收到的配置指令在预设组件库中选择相应的组件生成初始化网页;According to the received configuration instruction, select the corresponding component in the preset component library to generate the initialization webpage;

根据已选择的组件保存当前初始化网页的页面配置,并为当前的页面配置分配相应的页面id。Save the page configuration of the current initialization webpage according to the selected component, and assign the corresponding page id to the current page configuration.

本实施例中,在后台进行网页配置时,用户可通过配置指令在预设组件库中选择相应的组件来生成初始化网页,在点击发布指令之前均可灵活调整初始化网页中的组件,例如修改、添加、删除组件等配置操作,根据输入的配置操作实时更新当前初始化网页内容,当用户点击保存指令时,根据当前已选择的组件,即当前初始化网页中的相关配置数据保存得到当前的页面配置,为当前的页面配置分配相应的页面id,优选地,为不同的页面配置分配唯一的页面id,从而在制作多个网页时进行页面配置的区分,避免后续发生访问错误等情况,通过这种配置化的网页生成方式,使得无需专业研发人员开发网页也可获得高性能的网页,例如运营人员可根据不同时期的运营需要自行配置生成相应的落地页,实现快速上线落地页的效果。In this embodiment, when the web page is configured in the background, the user can select the corresponding component from the preset component library through the configuration instruction to generate the initialization web page, and can flexibly adjust the components in the initialization web page before clicking the release instruction, such as modifying, Add and delete components and other configuration operations, and update the current initialization webpage content in real time according to the input configuration operation. When the user clicks the save command, the current page configuration is saved according to the currently selected component, that is, the relevant configuration data in the current initialization webpage. Assign a corresponding page id to the current page configuration, preferably, assign a unique page id to different page configurations, so as to distinguish page configurations when making multiple web pages, and avoid subsequent access errors, etc., through this configuration The integrated webpage generation method enables high-performance webpages to be obtained without professional R&D personnel developing webpages. For example, operators can configure and generate corresponding landing pages according to the operational needs of different periods, so as to achieve the effect of quickly launching landing pages.

进一步地,所述当检测到发布指令时对所述初始化网页进行渲染生成静态html文件,将所述静态html文件上传至CDN,包括:Further, when the issuing instruction is detected, the initialization webpage is rendered to generate a static html file, and the static html file is uploaded to the CDN, including:

当检测到发布指令时调用构建服务对所述初始化网页进行渲染,生成静态html文件;When the issuing instruction is detected, the build service is called to render the initialized web page, and a static html file is generated;

将所述静态html文件进行js打包处理后上传至CDN。The static html file is packaged with js and then uploaded to the CDN.

本实施例中,在构建发布网页时,先检测用户是否输入发布指令,若检测到了发布指令则调用构建服务对所述初始化网页进行渲染,即通过服务端提供的预览服务,可调用相应的构建服务接口执行构建命令,实现对所述初始化网页进行预渲染的效果,具体用户可根据自身需要选择相应的渲染参数达到其渲染效果要求,预览效果也根据渲染参数的改变进行实时更新,最终生成相应的html文件,之后将所述静态html文件进行js(JavaScript,一种编程语言)打包处理后上传至CDN,具体可通过webpack进行js打包,webpack是一个前端资源加载/打包工具,将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源,即找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用,有助于浏览器对网页模块的识别处理,进一步提高网页访问速度。In this embodiment, when building and publishing a web page, it is first detected whether a user has input a publishing instruction, and if a publishing instruction is detected, a build service is invoked to render the initialized web page, that is, through the preview service provided by the server, the corresponding build service can be invoked The service interface executes the build command to achieve the effect of pre-rendering the initialized web page. The specific user can select the corresponding rendering parameters according to their own needs to achieve their rendering effect requirements. html file, and then the static html file is packaged by js (JavaScript, a programming language) and uploaded to the CDN. Specifically, js can be packaged through webpack. Webpack is a front-end resource loading/packaging tool. Perform static analysis on dependencies, and then generate corresponding static resources for these modules according to the specified rules, that is, find JavaScript modules and other extension languages (Scss, TypeScript, etc.) that cannot be directly run by browsers, and package them into suitable The format is used by the browser, which is helpful for the browser to recognize and process the web page module and further improve the web page access speed.

进一步地,所述将所述静态html文件上传至CDN之后,还包括:Further, after uploading the static html file to the CDN, the method further includes:

接收CDN反馈的html文件名。The html file name for receiving CDN feedback.

本实施例中,将所述静态html文件上传至CDN后将为所述静态html文件分配唯一的html文件名,通过该html文件名可获取到对应静态html文件的存储位置,便于后续的静态化渲染访问。In this embodiment, after the static html file is uploaded to the CDN, a unique html file name will be assigned to the static html file, and the storage location of the corresponding static html file can be obtained through the html file name, which is convenient for subsequent staticization Render access.

进一步地,所述根据用户输入的访问链接获取目标网页的页面配置与静态html文件,根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页,包括:Further, obtaining the page configuration and static html file of the target web page according to the access link input by the user, and obtaining the rendered target web page on the client side according to the page configuration and the static html file, including:

接收用户输入的访问链接并检测所述访问链接中的页面id;Receive the access link input by the user and detect the page id in the access link;

根据所述页面id获取目标网页的页面配置与静态html文件;Obtain the page configuration and static html file of the target web page according to the page id;

根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页。According to the page configuration and the static html file, the rendered target web page is obtained on the client side.

本实施例中,在访问阶段,当用户输入了访问链接后检测其中的页面id,通过该页面id获取目标网页的页面配置于静态html文件,即通过页面id这一唯一标识搜索之前进行网页配置生成时的页面配置与静态html文件,通过所述页面配置与静态html文件在客户端实现静态化的访问渲染,使得访问网页与访问静态文件一般的快速高效。In this embodiment, in the access stage, when the user inputs the access link, the page id is detected, and the page of the target web page obtained by the page id is configured in the static html file, that is, the web page is configured before searching by the unique identifier of the page id The page configuration and static html file at the time of generation, through the page configuration and the static html file, realize static access rendering on the client side, so that accessing the web page and accessing the static file is generally fast and efficient.

进一步地,所述根据所述页面id获取目标网页的页面配置与静态html文件,包括:Further, obtaining the page configuration and static html file of the target webpage according to the page id, including:

根据所述页面id获取目标网页的页面配置和html文件名;Obtain the page configuration and html file name of the target web page according to the page id;

通过所述html文件名拼接获取CDN链接后请求获取相应的静态html文件。After obtaining the CDN link by splicing the html file name, request to obtain the corresponding static html file.

本实施例中,在具体的数据获取时,先根据所述页面id获取目标网页的页面配置和html文件名,由于在配置生成网页时,页面配置与静态html文件是对应的,因此根据页面id可获取到目标网页的页面数据以及html文件名,通过html文件名拼接获取相应的CDN链接,本实施例中可预设一拼接规则,将html文件名与其对应的CDN链接对应起来,在获取到html文件名后即可通过预设的拼接规则得到相应的CDN链接,对所述CDN链接发起请求后,通过CDN返回相应的静态html文件至客户端。本实施例中通过CDN进行内容分发,实现了更加高效的静态资源加载,由于在不同地域的用户请求资源(访问网站)的响应速度具有很大的差异,为了提高用户体验,本发明提供的配置化网络渲染方法中在用户和服务器中间加了一层CDN,通过CDN可将源站的内容分发到最接近用户的网络边缘节点,让用户能够就近取得所需的内容,提高用户访问的响应速度。In this embodiment, when obtaining specific data, first obtain the page configuration and html file name of the target webpage according to the page id. The page data and html file name of the target webpage can be obtained, and the corresponding CDN link can be obtained by splicing the html file name. After the html file name, the corresponding CDN link can be obtained through the preset splicing rule, and after a request is initiated for the CDN link, the corresponding static html file is returned to the client through the CDN. In this embodiment, content distribution is performed through CDN, which realizes more efficient loading of static resources. Since the response speed of users requesting resources (visiting websites) in different regions is very different, in order to improve user experience, the configuration provided by the present invention In the network rendering method, a layer of CDN is added between the user and the server. Through the CDN, the content of the origin site can be distributed to the network edge nodes closest to the user, so that the user can obtain the desired content nearby and improve the response speed of user access. .

进一步地,所述根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页,具体包括:Further, obtaining the rendered target webpage on the client side according to the page configuration and the static html file specifically includes:

将获取到的静态html文件返回至客户端,并在所述静态html文件中存入相应的页面配置得到渲染完成的目标网页。The obtained static html file is returned to the client, and the corresponding page configuration is stored in the static html file to obtain a rendered target web page.

本实施例中,在具体访问时,将从CDN获取到的静态html文件返回至客户端,其代表了目标网页的渲染结果,在所述静态html文件中存入相应的页面配置,即配置目标网页中的各项网页参数后即可在客户端访问完成渲染的目标网页,优选地,用户在通过页面id获取到页面配置以及接收到CDN返回的静态html文件后将二者缓存至服务器,进一步节约下次访问该目标网页的时间。In this embodiment, during specific access, the static html file obtained from the CDN is returned to the client, which represents the rendering result of the target web page, and the corresponding page configuration is stored in the static html file, that is, the configuration target After the various webpage parameters in the webpage, the rendered target webpage can be accessed on the client side. Preferably, after the user obtains the page configuration through the page id and receives the static html file returned by the CDN, the two are cached to the server, and further Save time on your next visit to that landing page.

以下请参阅图2,举具体的应用实施例对本发明提供的配置化网页渲染的流程架构进行说明:Referring to FIG. 2 below, a specific application example is given to describe the process architecture of the configuration web page rendering provided by the present invention:

如图2所示,所述配置化网页渲染方法通过三个部分实现,分别为配置后台、构建服务以及访问服务,其中在配置后台中,以创建发布落地页为例,用户可新建一落地页,以默认配置加载所述落地页,当然用户也可以从预设组件库中选择不同的组件生成新的落地页,并通过构建服务对当前的落地页进行实时更新预览,之后当在配置后台点击了发布指令时将处罚自动化构建,通过调用构建服务接口执行构建命令在服务端进行预渲染生成静态html文件,并且通过webpack打包js后上传至CDN,之后接收CDN返回的html文件名;当完成发布需要访问落地页时,通过在前台页面输入访问连接,根据访问连接中的页面id获取落地页的配置数据,并且通过html文件名拼接CDN链接,CDN将静态html文件返回至客户端,客户端收到后将其缓存在本地服务器中以便后续再次访问,此时通过获取到的配置数据与静态html文件即可在客户端完成网页渲染访问目标网页,达到快速配置发布高性能网页,提高网页访问速度的效果。As shown in Figure 2, the configuration web page rendering method is implemented by three parts, namely configuration background, construction service and access service. In the configuration background, taking the creation and release landing page as an example, the user can create a new landing page , load the landing page with the default configuration, of course, the user can also select different components from the preset component library to generate a new landing page, and update and preview the current landing page in real time through the build service, and then click on the configuration background When the command is issued, the automatic construction will be punished, and the static html file will be generated by pre-rendering on the server side by calling the build service interface to execute the build command, and the js will be packaged through webpack and then uploaded to the CDN, and then the html file name returned by the CDN will be received; when the release is completed When you need to access the landing page, enter the access connection on the front page, obtain the configuration data of the landing page according to the page id in the access connection, and splicing the CDN link through the html file name, the CDN returns the static html file to the client, and the client receives After it arrives, it will be cached in the local server for subsequent visits. At this time, through the obtained configuration data and static html files, the webpage rendering can be completed on the client side to access the target webpage, so as to achieve rapid configuration and release of high-performance webpages and improve webpage access speed. Effect.

由以上方法实施例可知,本发明提供的配置化网页渲染方法通过配置化生成网页并在配置生成时即完成对页面的渲染处理得到静态html文件,实现灵活的自行配置网页生成效果的同时也使得后续在访问目标网页时可快速高效的完成渲染工作,提高网页的访问速度。It can be seen from the above method embodiments that the configuration web page rendering method provided by the present invention generates a web page by configuration and completes the rendering processing of the page when the configuration is generated to obtain a static html file. Subsequent access to the target web page can complete the rendering work quickly and efficiently, improving the access speed of the web page.

需要说明的是,上述各步骤之间并不必然存在一定的先后顺序,本领域普通技术人员,根据本发明实施例的描述可以理解,不同实施例中,上述各步骤可以有不同的执行顺序,亦即,可以并行执行,亦可以交换执行等等。It should be noted that the above steps do not necessarily have a certain sequence. Those of ordinary skill in the art can understand from the description of the embodiments of the present invention that in different embodiments, the above steps may have different execution orders. That is, it can be executed in parallel, or it can be executed interchangeably, and so on.

本发明另一实施例提供一种配置化网页渲染装置,如图3所示,装置1包括:Another embodiment of the present invention provides a configuration web page rendering apparatus. As shown in FIG. 3 , the apparatus 1 includes:

配置模块11,用于根据接收到的配置指令生成初始化网页,保存当前的页面配置并分配相应的页面id;The configuration module 11 is used for generating an initialization webpage according to the received configuration instruction, saving the current page configuration and assigning the corresponding page id;

构建渲染模块12,用于当检测到发布指令时对所述初始化网页进行渲染生成静态html文件,将所述静态html文件上传至CDN;constructing a rendering module 12 for rendering the initialization web page to generate a static html file when the issuing instruction is detected, and uploading the static html file to the CDN;

访问模块13,用于根据用户输入的访问链接获取目标网页的页面配置与静态html文件,根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页。The access module 13 is configured to obtain the page configuration and static html file of the target webpage according to the access link input by the user, and obtain the rendered target webpage on the client side according to the page configuration and the static html file.

所述配置模块11、构建渲染模块12和访问模块13依次连接,具体实施方式请参考上述对应的方法实施例,此处不再赘述。The configuration module 11 , the construction and rendering module 12 and the access module 13 are connected in sequence. For specific implementations, please refer to the corresponding method embodiments above, which will not be repeated here.

进一步地,所述配置模块11包括:Further, the configuration module 11 includes:

网页生成单元,用于根据接收到的配置指令在预设组件库中选择相应的组件生成初始化网页;a webpage generating unit, configured to select a corresponding component in the preset component library to generate an initialization webpage according to the received configuration instruction;

保存单元,用于根据已选择的组件保存当前初始化网页的页面配置,并为当前的页面配置分配相应的页面id。The saving unit is used to save the page configuration of the current initialization webpage according to the selected component, and assign the corresponding page id to the current page configuration.

进一步地,所述构建渲染模块12包括:Further, the construction rendering module 12 includes:

渲染单元,用于当检测到发布指令时调用构建服务对所述初始化网页进行渲染,生成静态html文件;a rendering unit, used for invoking the construction service to render the initialization web page when the issuing instruction is detected, and generating a static html file;

打包单元,用于将所述静态html文件进行js打包处理后上传至CDN。The packaging unit is used for uploading the static html file to the CDN after js packaging processing.

进一步地,所述配置化网页渲染装置还包括:Further, the configuration web page rendering apparatus further includes:

接收模块,用于接收CDN反馈的html文件名。Receiving module, used to receive the html file name of CDN feedback.

进一步地,所述访问模块13包括:Further, the access module 13 includes:

接收检测单元,用于接收用户输入的访问链接并检测所述访问链接中的页面id;a receiving detection unit, configured to receive an access link input by a user and detect the page id in the access link;

获取单元,用于根据所述页面id获取目标网页的页面配置与静态html文件;an obtaining unit, used for obtaining the page configuration and static html file of the target webpage according to the page id;

访问单元,用于根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页。The access unit is used to obtain the rendered target web page on the client side according to the page configuration and the static html file.

进一步地,所述获取单元包括:Further, the obtaining unit includes:

匹配子单元,用于根据所述页面id获取目标网页的页面配置和html文件名;A matching subunit, used to obtain the page configuration and the html file name of the target webpage according to the page id;

文件请求子单元,用于通过所述html文件名拼接获取CDN链接后请求获取相应的静态html文件。The file request subunit is used to request to obtain the corresponding static html file after obtaining the CDN link by splicing the html file name.

进一步地,所述访问单元具体用于:Further, the access unit is specifically used for:

将获取到的静态html文件返回至客户端,并在所述静态html文件中存入相应的页面配置得到渲染完成的目标网页。The obtained static html file is returned to the client, and the corresponding page configuration is stored in the static html file to obtain a rendered target web page.

本发明另一实施例提供一种配置化网页渲染系统,如图4所示,系统10包括:Another embodiment of the present invention provides a configurable web page rendering system. As shown in FIG. 4 , the system 10 includes:

一个或多个处理器110以及存储器120,图4中以一个处理器110为例进行介绍,处理器110和存储器120可以通过总线或者其他方式连接,图4中以通过总线连接为例。One or more processors 110 and the memory 120 are described by taking one processor 110 as an example in FIG. 4 . The processor 110 and the memory 120 may be connected by a bus or in other ways. In FIG. 4 , the connection by a bus is used as an example.

处理器110用于完成系统10的各种控制逻辑,其可以为通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、单片机、ARM(Acorn RISCMachine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有,处理器110还可以是任何传统处理器、微处理器或状态机。处理器110也可以被实现为计算设备的组合,例如,DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP和/或任何其它这种配置。The processor 110 is used to complete various control logics of the system 10, and it can be a general-purpose processor, a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field programmable gate array (FPGA), a single-chip microcomputer, an ARM (Acorn RISCMachine) or other programmable logic devices, discrete gate or transistor logic, discrete hardware components, or any combination of these components. Also, the processor 110 may be any conventional processor, microprocessor or state machine. The processor 110 may also be implemented as a combination of computing devices, eg, a combination of a DSP and a microprocessor, multiple microprocessors, one or more microprocessors in combination with a DSP, and/or any other such configuration.

存储器120作为一种非易失性计算机可读存储介质,可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块,如本发明实施例中的配置化网页渲染方法对应的程序指令。处理器110通过运行存储在存储器120中的非易失性软件程序、指令以及单元,从而执行系统10的各种功能应用以及数据处理,即实现上述方法实施例中的配置化网页渲染方法。The memory 120, as a non-volatile computer-readable storage medium, can be used to store non-volatile software programs, non-volatile computer-executable programs, and modules, such as those corresponding to the configuration web page rendering method in the embodiment of the present invention. program instructions. The processor 110 executes various functional applications and data processing of the system 10 by running the non-volatile software programs, instructions and units stored in the memory 120, ie, implements the configuration web page rendering method in the above method embodiments.

存储器120可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据系统10使用所创建的数据等。此外,存储器120可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中,存储器120可选包括相对于处理器110远程设置的存储器,这些远程存储器可以通过网络连接至系统10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。The memory 120 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created according to the use of the system 10 and the like. Additionally, memory 120 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid-state storage device. In some embodiments, memory 120 may optionally include memory located remotely from processor 110, which may be connected to system 10 through a network. Examples of such networks include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

一个或者多个单元存储在存储器120中,当被一个或者多个处理器110执行时,执行上述任意方法实施例中的配置化网页渲染方法,例如,执行以上描述的图1中的方法步骤S100至步骤S300。One or more units are stored in the memory 120, and when executed by one or more processors 110, execute the configuration web page rendering method in any of the above method embodiments, for example, execute the method step S100 in FIG. 1 described above. Go to step S300.

本发明实施例提供了一种非易失性计算机可读存储介质,计算机可读存储介质存储有计算机可执行指令,该计算机可执行指令被一个或多个处理器执行,例如,执行以上描述的图1中的方法步骤S100至步骤S300。Embodiments of the present invention provide a non-volatile computer-readable storage medium, where the computer-readable storage medium stores computer-executable instructions, and the computer-executable instructions are executed by one or more processors, for example, to execute the above-described The method steps S100 to S300 in FIG. 1 .

作为示例,非易失性存储介质能够包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦ROM(EEPROM)或闪速存储器。易失性存储器能够包括作为外部高速缓存存储器的随机存取存储器(RAM)。通过说明丽非限制,RAM可以以诸如同步RAM(SRAM)、动态RAM、(DRAM)、同步DRAM(SDRAM)、双数据速率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、Synchlink DRAM(SLDRAM)以及直接Rambus(兰巴斯)RAM(DRRAM)之类的许多形式得到。本文中所描述的操作环境的所公开的存储器组件或存储器旨在包括这些和/或任何其他适合类型的存储器中的一个或多个。As examples, non-volatile storage media can include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable ROM (EEPROM), or flash memory. Volatile memory can include random access memory (RAM) as external cache memory. By way of illustration, and not limitation, RAM can be configured in formats such as Synchronous RAM (SRAM), Dynamic RAM, (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDRSDRAM), Enhanced SDRAM (ESDRAM), Synchlink DRAM (SLDRAM), and Direct Rambus (Lambas) RAM (DRRAM) and many other forms. The disclosed memory components or memories of the operating environments described herein are intended to include one or more of these and/or any other suitable types of memory.

本发明的另一种实施例提供了一种计算机程序产品,计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序,计算机程序包括程序指令,当程序指令被处理器执行时,使所述处理器执行上述方法实施例的配置化网页渲染方法。例如,执行以上描述的图1中的方法步骤S100至步骤S300。Another embodiment of the present invention provides a computer program product comprising a computer program stored on a non-volatile computer-readable storage medium, the computer program comprising program instructions that when executed by a processor , causing the processor to execute the configuration web page rendering method of the foregoing method embodiment. For example, the above-described method steps S100 to S300 in FIG. 1 are performed.

综上所述,本发明公开的一种配置化网页渲染方法、装置、系统及介质中,方法根据接收到的配置指令生成初始化网页,保存当前的页面配置并分配相应的页面id;当检测到发布指令时对所述初始化网页进行渲染生成静态html文件,将所述静态html文件上传至CDN;根据用户输入的访问链接获取目标网页的页面配置与静态html文件,根据所述页面配置与静态html文件在客户端得到渲染完成的目标网页。本发明实施例通过配置化生成网页并在配置生成时即完成对页面的渲染处理得到静态html文件,实现灵活的自行配置网页生成效果的同时也使得后续在访问目标网页时可快速高效的完成渲染工作,提高网页的访问速度。To sum up, in a configuration web page rendering method, device, system and medium disclosed in the present invention, the method generates an initialization web page according to the received configuration instruction, saves the current page configuration and assigns the corresponding page id; When issuing the instruction, the initialization webpage is rendered to generate a static html file, and the static html file is uploaded to the CDN; the page configuration and the static html file of the target webpage are obtained according to the access link input by the user, and the page configuration and the static html file are obtained according to the access link input by the user. The file gets the rendered landing page on the client side. The embodiment of the present invention generates a web page by configuration and completes the rendering processing of the page when the configuration is generated to obtain a static html file, so as to realize the flexible self-configured web page generation effect and also enable the subsequent access to the target web page to complete the rendering quickly and efficiently. Work to improve the speed of access to web pages.

以上所描述的实施例仅仅是示意性的,其中作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际需要选择其中的部分或者全部模块来实现本实施例方案的目的。The above-described embodiments are only illustrative, wherein the units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place, Alternatively, it can be distributed over multiple network elements. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution in this embodiment.

通过以上的实施例的描述,本领域的技术人员可以清楚地了解到各实施例可借助软件加通用硬件平台的方式来实现,当然也可以通过硬件实现。基于这样的理解,上述技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存在于计算机可读存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机电子设备(可以是个人计算机,服务器,或者网络电子设备等)执行各个实施例或者实施例的某些部分的方法。From the description of the above embodiments, those skilled in the art can clearly understand that each embodiment can be implemented by means of software plus a general hardware platform, and certainly can also be implemented by hardware. Based on this understanding, the above-mentioned technical solutions can be embodied in the form of software products in essence, or the parts that make contributions to related technologies. The computer software products can exist in computer-readable storage media, such as ROM/RAM, magnetic disks , CD-ROM, etc., including several instructions to cause a computer electronic device (which may be a personal computer, server, or network electronic device, etc.) to perform the methods of various embodiments or portions of embodiments.

除了其他之外,诸如"能够"、"能"、"可能"或"可以"之类的条件语言除非另外具体地陈述或者在如所使用的上下文内以其他方式理解,否则一般地旨在传达特定实施方式能包括(然而其他实施方式不包括)特定特征、元件和/或操作。因此,这样的条件语言一般地还旨在暗示特征、元件和/或操作对于一个或多个实施方式无论如何都是需要的或者一个或多个实施方式必须包括用于在有或没有输入或提示的情况下判定这些特征、元件和/或操作是否被包括或者将在任何特定实施方式中被执行的逻辑。Conditional language such as "could," "could," "may," or "could," among others, is generally intended to convey unless specifically stated otherwise or otherwise understood within the context as used Certain embodiments can include, while other embodiments do not, include particular features, elements, and/or operations. Thus, such conditional language is also generally intended to imply that features, elements and/or operations are required anyway for one or more implementations or that one or more implementations must be included for use with or without input or prompting logic to determine whether such features, elements and/or operations are included or to be performed in any particular implementation.

已经在本文中在本说明书和附图中描述的内容包括能够提供一种配置化网页渲染方法、装置、系统及介质的示例。当然,不能够出于描述本公开的各种特征的目的来描述元件和/或方法的每个可以想象的组合,但是可以认识到,所公开的特征的许多另外的组合和置换是可能的。因此,显而易见的是,在不脱离本公开的范围或精神的情况下能够对本公开做出各种修改。此外,或在替代方案中,本公开的其他实施例从对本说明书和附图的考虑以及如本文中所呈现的本公开的实践中可能是显而易见的。意图是,本说明书和附图中所提出的示例在所有方面被认为是说明性的而非限制性的。尽管在本文中采用了特定术语,但是它们在通用和描述性意义上被使用并且不用于限制的目的。What has been described herein in the specification and drawings includes examples capable of providing a method, apparatus, system and medium for configuring a web page rendering. Of course, not every conceivable combination of elements and/or methods has been described for the purpose of describing the various features of the present disclosure, but it will be appreciated that many additional combinations and permutations of the disclosed features are possible. Therefore, it will be apparent that various modifications can be made in the present disclosure without departing from the scope or spirit of the disclosure. In addition, or in the alternative, other embodiments of the present disclosure may be apparent from consideration of this specification and drawings, and from practice of the present disclosure as presented herein. It is intended that the examples presented in this specification and drawings are to be regarded in all respects as illustrative and not restrictive. Although specific terms are employed herein, they are used in a generic and descriptive sense and not for purposes of limitation.

Claims (10)

1. A method for rendering a configured webpage is characterized by comprising the following steps:
generating an initialization webpage according to the received configuration instruction, storing the current page configuration and distributing corresponding page id;
when a release instruction is detected, rendering the initialization webpage to generate a static html file, and uploading the static html file to the CDN;
and acquiring the page configuration and the static html file of the target webpage according to the access link input by the user, and acquiring the rendered target webpage at the client according to the page configuration and the static html file.
2. The method of claim 1, wherein generating an initialization web page according to the received configuration instruction, saving the current page configuration and assigning a corresponding page id comprises
Selecting a corresponding component from a preset component library according to a received configuration instruction to generate an initialization webpage;
and saving the page configuration of the current initialization webpage according to the selected component, and distributing corresponding page id for the current page configuration.
3. The method for rendering the configured web page according to claim 1, wherein the rendering the initialized web page to generate a static html file when the delivery instruction is detected, and uploading the static html file to the CDN, includes:
calling a construction service to render the initialization webpage when an issuing instruction is detected, and generating a static html file;
and uploading the static html file to the CDN after js packaging processing.
4. The method of claim 1, wherein after uploading the static html file to the CDN, the method further comprises:
and receiving the html file name fed back by the CDN.
5. The configured webpage rendering method according to claim 4, wherein the obtaining of the page configuration and the static html file of the target webpage according to the access link input by the user and the obtaining of the rendered target webpage at the client according to the page configuration and the static html file comprise:
receiving an access link input by a user and detecting a page id in the access link;
acquiring the page configuration and the static html file of the target webpage according to the page id;
and obtaining a rendered target webpage at the client according to the page configuration and the static html file.
6. The configured web page rendering method according to claim 5, wherein the obtaining of the page configuration and the static html file of the target web page according to the page id comprises:
acquiring the page configuration and the html file name of the target webpage according to the page id;
and after the CDN link is obtained through the html file name splicing, a corresponding static html file is requested to be obtained.
7. The method for rendering the configured webpage according to claim 6, wherein obtaining the rendered target webpage at the client according to the page configuration and the static html file specifically comprises:
and returning the obtained static html file to the client, and storing the corresponding page configuration in the static html file to obtain the rendered target webpage.
8. A configured web page rendering apparatus, the apparatus comprising:
the configuration module is used for generating an initialization webpage according to the received configuration instruction, storing the current page configuration and distributing corresponding page id;
a rendering module is constructed and used for rendering the initialization webpage to generate a static html file when a release instruction is detected, and uploading the static html file to the CDN;
and the access module is used for acquiring the page configuration and the static html file of the target webpage according to the access link input by the user and obtaining the rendered target webpage at the client according to the page configuration and the static html file.
9. A configured web page rendering system, the system comprising at least one processor; and the number of the first and second groups,
a memory communicatively coupled to the at least one processor; wherein,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the configured web page rendering method of any of claims 1-7.
10. A non-transitory computer-readable storage medium storing computer-executable instructions that, when executed by one or more processors, cause the one or more processors to perform the configured web page rendering method of any one of claims 1-7.
CN202110121097.1A 2021-01-28 2021-01-28 Configured webpage rendering method, device, system and medium Pending CN112818272A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110121097.1A CN112818272A (en) 2021-01-28 2021-01-28 Configured webpage rendering method, device, system and medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110121097.1A CN112818272A (en) 2021-01-28 2021-01-28 Configured webpage rendering method, device, system and medium

Publications (1)

Publication Number Publication Date
CN112818272A true CN112818272A (en) 2021-05-18

Family

ID=75859965

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110121097.1A Pending CN112818272A (en) 2021-01-28 2021-01-28 Configured webpage rendering method, device, system and medium

Country Status (1)

Country Link
CN (1) CN112818272A (en)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113190759A (en) * 2021-05-21 2021-07-30 上海微盟企业发展有限公司 Webpage generation method, device and equipment and computer readable storage medium
CN113656717A (en) * 2021-08-06 2021-11-16 上海硬通网络科技有限公司 Webpage control rendering method, device, equipment and storage medium
CN113961182A (en) * 2021-09-26 2022-01-21 广州太平洋电脑信息咨询有限公司 Rapid thematic generation system and method
CN114186162A (en) * 2021-12-14 2022-03-15 平安壹钱包电子商务有限公司 Page generation method and device, computer equipment and storage medium
CN114595413A (en) * 2022-02-18 2022-06-07 众安信息技术服务有限公司 Webpage layout method and system and computer equipment
CN114781347A (en) * 2022-06-21 2022-07-22 飞狐信息技术(天津)有限公司 File processing method and system
CN115098810A (en) * 2022-07-19 2022-09-23 深圳乐信软件技术有限公司 Page data caching method and related equipment thereof

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103631829A (en) * 2012-08-28 2014-03-12 阿里巴巴集团控股有限公司 Method and device for responding to webpage access request
US10002115B1 (en) * 2014-09-29 2018-06-19 Amazon Technologies, Inc. Hybrid rendering of a web page
US20180300422A1 (en) * 2015-12-31 2018-10-18 Huawei Technologies Co., Ltd. Staticized-Page Processing Method and Apparatus
CN110795195A (en) * 2019-10-31 2020-02-14 百度在线网络技术(北京)有限公司 Web page rendering method, device, electronic device and storage medium
CN110990731A (en) * 2019-10-12 2020-04-10 平安国际智慧城市科技股份有限公司 Rendering method, device and equipment of static webpage and computer storage medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103631829A (en) * 2012-08-28 2014-03-12 阿里巴巴集团控股有限公司 Method and device for responding to webpage access request
US10002115B1 (en) * 2014-09-29 2018-06-19 Amazon Technologies, Inc. Hybrid rendering of a web page
US20180300422A1 (en) * 2015-12-31 2018-10-18 Huawei Technologies Co., Ltd. Staticized-Page Processing Method and Apparatus
CN110990731A (en) * 2019-10-12 2020-04-10 平安国际智慧城市科技股份有限公司 Rendering method, device and equipment of static webpage and computer storage medium
CN110795195A (en) * 2019-10-31 2020-02-14 百度在线网络技术(北京)有限公司 Web page rendering method, device, electronic device and storage medium

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113190759A (en) * 2021-05-21 2021-07-30 上海微盟企业发展有限公司 Webpage generation method, device and equipment and computer readable storage medium
CN113656717A (en) * 2021-08-06 2021-11-16 上海硬通网络科技有限公司 Webpage control rendering method, device, equipment and storage medium
CN113656717B (en) * 2021-08-06 2024-05-28 上海硬通网络科技有限公司 Webpage control rendering method, device, equipment and storage medium
CN113961182A (en) * 2021-09-26 2022-01-21 广州太平洋电脑信息咨询有限公司 Rapid thematic generation system and method
CN114186162A (en) * 2021-12-14 2022-03-15 平安壹钱包电子商务有限公司 Page generation method and device, computer equipment and storage medium
CN114595413A (en) * 2022-02-18 2022-06-07 众安信息技术服务有限公司 Webpage layout method and system and computer equipment
CN114781347A (en) * 2022-06-21 2022-07-22 飞狐信息技术(天津)有限公司 File processing method and system
CN115098810A (en) * 2022-07-19 2022-09-23 深圳乐信软件技术有限公司 Page data caching method and related equipment thereof
CN115098810B (en) * 2022-07-19 2025-05-13 深圳乐信软件技术有限公司 A method for caching page data and related equipment

Similar Documents

Publication Publication Date Title
CN112818272A (en) Configured webpage rendering method, device, system and medium
KR101824222B1 (en) Fast rendering of websites containing dynamic content and stale content
CN106489145B (en) Web site access method, device and Web site system
CN105550338B (en) A kind of mobile Web cache optimization method based on HTML5 application cache
US11467814B2 (en) Static asset containers
TWI670611B (en) Web file sending method, webpage rendering method and device, webpage rendering system
US20160065684A1 (en) Method and apparatus for automatically optimizing the loading of images in a cloud-based proxy service
US9088462B2 (en) Common web accessible data store for client side page processing
US20100049842A1 (en) Computing Environment Arranged to Support Predetermined URL Patterns
US8745027B1 (en) Jslayout cascading style sheets optimization
US9590859B2 (en) Discovering resources of a distributed computing environment
US8516041B1 (en) Pre-fetching asynchronously requested content
US20170017380A1 (en) Mobile enabling a web application developed without mobile rendering capabilities
US20180084075A1 (en) Request cache to improve web applications performance
CN103338233B (en) Load-balancing device, Web server and solicited message processing method and system
WO2020013724A1 (en) Method of managing website data
US20220232102A1 (en) Systems and methods for rendering interactive web pages
CN112149017A (en) Webpage access method, device and system, electronic equipment and storage medium
US20150326501A1 (en) Container contract for data dependencies
CN107451182A (en) file caching method based on Appcache
CN112015406A (en) Data processing method, page access method, device, terminal and server
Kivilohkare Optimizing the Critical Rendering Path for Decreased Website Loading Time
CN114745260B (en) Method, device, equipment and storage medium for enhancing computing power of content distribution network
Lyu et al. Going Serverless with the Amazon AWS Rust SDK
EP4503535A1 (en) Service disaster recovery method, terminal device, software development kit server, and communication system

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination