CN115202715A - 一种网络页面的处理方法、装置及存储介质 - Google Patents

Abstract

本公开是关于一种网络页面的处理方法，方法包括：在检测到针对网络页面的触发事件的情况下，获取与网络页面对应的动态配置文件；从动态配置文件中获取与网络页面对应的动态路由信息；将各个动态路由信息分别转换为静态子信息；其中，一个动态路由信息对应至少一个静态子信息；获取静态子信息对应的静态配置文件；根据各个静态配置文件中的静态路由信息，得到各个静态子信息对应的静态预渲染文件；根据各个静态预渲染文件，得到对应于网络页面的目标预渲染文件。不仅可以得到动态路由信息对应的预渲染文件，还能够生成更多的预渲染文件；在检测到网络页面的页面信息发生改变时，可随时对动态配置文件和静态配置文件进行修改，提高可控性。

Description

一种网络页面的处理方法、装置及存储介质

技术领域

本公开涉及图像处理领域，尤其涉及一种网络页面的处理方法、装置及存储介质。

背景技术

单页面应用是一种万维网(World Wide Web，Web)应用程序架构，整个网站只有一个主页面，网站的内容和资源全部动态加载于这一个主页面上，无页面刷新，能够提供给用户良好的体验。

但是在对单页面应用中的页面进行搜索引擎优化时，往往会基于搜索引擎优化配置文件对单页面应用中的页面进行预渲染，但是在预渲染的过程中，无法处理单页面应用中动态路由对应的页面，这样会导致无法获取到动态路由对应的页面的预渲染文件，且搜索引擎优化配置文件是不可控的。

发明内容

为克服相关技术中存在的问题，本公开提供一种网络页面的处理方法、装置及存储介质。

根据本公开实施例的第一方面，提供一种网络页面的处理方法，所述方法包括：

在检测到针对网络页面的触发事件的情况下，获取与所述网络页面对应的动态配置文件；

从所述动态配置文件中获取与所述网络页面对应的动态路由信息；

将各个所述动态路由信息分别转换为静态子信息；其中，一个所述动态路由信息对应至少一个所述静态子信息；

获取所述静态子信息对应的静态配置文件；

根据各个所述静态配置文件中的静态路由信息，得到各个所述静态子信息对应的静态预渲染文件；

根据各个所述静态预渲染文件，得到对应于所述网络页面的目标预渲染文件。

在一些实施例中，所述将各个所述动态路由信息分别转换为静态子信息，包括：

从所述动态路由信息中确定出所述网络页面的动态主路径参数，以及与所述动态主路径参数对应的动态子路径参数；其中，一个所述动态路由信息对应一个所述动态主路径参数，一个所述动态主路径参数对应至少一个所述动态子路径参数；

将各个所述动态主路径参数分别与各个所述动态主路径参数对应的所述动态子路径参数进行组合，得到各个所述动态路由信息对应的至少一个所述静态子信息；其中，所述静态子信息的数量与所述动态子路径参数的数量相同。

在一些实施例中，所述获取所述静态子信息对应的静态配置文件，包括：

根据各个所述静态子信息中的所述动态主路径参数和所述动态子路径参数，从预设映射表中匹配出各个所述静态子信息对应的静态配置文件；

其中，所述预设映射表包括：所述动态主路径参数、所述动态子路径参数以及所述静态配置文件与所述动态主路径参数和所述动态子路径参数之间的关联关系。

在一些实施例中，所述根据各个所述静态配置文件中的静态路由信息，得到各个所述静态子信息对应的静态预渲染文件，包括：

从所述网络页面中，确定与所述静态子信息对应的子网络页面；

根据所述静态配置文件中的静态路由信息，对所述子网络页面进行填充；

对填充后的子网络页面的页面内容和页面结构进行解析，得到各个所述静态子信息对应的静态预渲染文件。

在一些实施例中，所述方法还包括：

根据各个所述静态子信息，构建站点地图；

将所述站点地图传输至搜索引擎；其中，所述站点地图用于：引导所述搜索引擎进行页面的收录。

在一些实施例中，所述方法还包括：

将所述目标预渲染文件传输至服务器；其中，在所述服务器检测到搜索引擎发起的搜索指令的情况下，向所述搜索引擎发送与所述搜索指令对应的目标预渲染文件；

其中，所述目标预渲染文件的文件格式包括：超文本标记语言文件格式。

根据本公开实施例的第二方面，提供一种网络页面的处理装置，所述装置包括：

第一获取模块，配置为在检测到针对网络页面的触发事件的情况下，获取与所述网络页面对应的动态配置文件；

第二获取模块，配置为从所述动态配置文件中获取与所述网络页面对应的动态路由信息；

转换模块，配置为将各个所述动态路由信息分别转换为静态子信息；其中，一个所述动态路由信息对应至少一个所述静态子信息；

第三获取模块，配置为获取所述静态子信息对应的静态配置文件；

第一得到模块，配置为根据各个所述静态配置文件中的静态路由信息，得到各个所述静态子信息对应的静态预渲染文件；

第二得到模块，配置为根据各个所述静态预渲染文件，得到对应于所述网络页面的目标预渲染文件。

在一些实施例中，所述转换单元，配置为：

从所述动态路由信息中确定出所述网络页面的动态主路径参数，以及与所述动态主路径参数对应的动态子路径参数；其中，一个所述动态路由信息对应一个所述动态主路径参数，一个所述动态主路径参数对应至少一个所述动态子路径参数；

将各个所述动态主路径参数分别与各个所述动态主路径参数对应的所述动态子路径参数进行组合，得到各个所述动态路由信息对应的至少一个所述静态子信息；其中，所述静态子信息的数量与所述动态子路径参数的数量相同。

在一些实施例中，所述第三获取模块，配置为：

根据各个所述静态子信息中的所述动态主路径参数和所述动态子路径参数，从预设映射表中匹配出各个所述静态子信息对应的静态配置文件；

其中，所述预设映射表包括：所述动态主路径参数、所述动态子路径参数以及所述静态配置文件与所述动态主路径参数和所述动态子路径参数之间的关联关系。

在一些实施例中，所述第一得到模块，配置为：

从所述网络页面中，确定与所述静态子信息对应的子网络页面；

根据所述静态配置文件中的静态路由信息，对所述子网络页面进行填充；

对填充后的子网络页面的页面内容和页面结构进行解析，得到各个所述静态子信息对应的静态预渲染文件。

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

构建模块，配置为根据各个所述静态子信息，构建站点地图；

第一传输模块，配置为将所述站点地图传输至搜索引擎；其中，所述站点地图用于：引导所述搜索引擎进行页面的收录。

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

第二传输模块，配置为将所述目标预渲染文件传输至服务器；其中，在所述服务器检测到搜索引擎发起的搜索指令的情况下，向所述搜索引擎发送与所述搜索指令对应的目标预渲染文件；

其中，所述目标预渲染文件的文件格式包括：超文本标记语言文件格式。

根据本公开实施例的第三方面，提供一种网络页面的处理装置，包括：

处理器；

配置为存储处理器可执行指令的存储器；

其中，所述处理器配置为：执行时实现上述第一方面中任一种网络页面的处理方法中的步骤。

根据本公开实施例的第四方面，提供一种非临时性计算机可读存储介质，当所述存储介质中的指令由网络页面的处理装置的处理器执行时，使得所述装置能够执行上述第一方面中任一种网络页面的处理方法中的步骤。

本公开的实施例提供的技术方案可以包括以下有益效果：

本申请实施例提出的一种网络页面的处理方法，在检测到针对网络页面的触发事件的情况下，可以获取与网络页面对应的动态配置文件，在从动态配置文件中获取到与网络页面对应的动态路由信息的情况下，将各个动态路由信息分别转换为静态子信息，通过获取静态子信息对应的静态配置文件，可以根据各个静态配置文件中的静态路由信息，得到各个静态子信息对应的静态预渲染文件，进而可以根据各个静态预渲染文件，得到对应于网络页面的目标预渲染文件。

第一方面，通过将动态路由信息转换为静态子信息，并根据各个静态子信息对应的静态配置文件，得到各个静态子信息对应的静态预渲染文件，从而能够得到动态路由信息对应的预渲染文件。第二方面，将动态路由信息转换为静态子信息之后，在对网络页面进行预渲染的情况下，不仅可以得到静态路由信息对应的预渲染文件，还可以得到动态路由信息对应的预渲染文件，从而能够生成更多的预渲染文件。第三方面，在检测到网络页面的页面信息发生改变的情况下，可以随时对动态配置文件和静态配置文件进行修改，提高了可控性。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种网络页面的处理方法的流程图一；

图2是根据一示例性实施例示出的一种网络页面的处理方法的流程图二；

图3是根据一示例性实施例示出的一种网络页面的处理装置框图；

图4是根据一示例性实施例示出的一种网络页面的处理装置的硬件结构框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种网络页面的处理方法的流程图一，如图1所示，该网络页面的处理方法包括以下步骤：

在步骤101中，在检测到针对网络页面的触发事件的情况下，获取与所述网络页面对应的动态配置文件；

在步骤102中，从所述动态配置文件中获取与所述网络页面对应的动态路由信息；

在步骤103中，将各个所述动态路由信息分别转换为静态子信息；其中，一个所述动态路由信息对应至少一个所述静态子信息；

在步骤104中，获取所述静态子信息对应的静态配置文件；

在步骤105中，根据各个所述静态配置文件中的静态路由信息，得到各个所述静态子信息对应的静态预渲染文件；

在步骤106中，根据各个所述静态预渲染文件，得到对应于所述网络页面的目标预渲染文件。

需要说明的是，本申请中网络页面的处理方法可以应用于电子设备，这里，电子设备可以包括：终端设备，例如，移动终端、固定终端等。其中，移动终端可以包括：手机、平板电脑，还可以包括：笔记本电脑等设备；固定终端可以包括：台式电脑或智能电视等。

在本公开实施例中，在检测到针对网络页面的触发事件的情况下，可以从服务器中获取与该网络页面对应的动态配置文件，在获取到动态配置文件的情况下，可以从动态配置文件中解析出该网络页面对应的各个动态路由信息。其中，服务器可以包括：网络服务器，云服务器等。

在一些实施例中，电子设备可以向服务器发送第一指令，该第一指令用于指示服务器向电子设备发送该网络页面对应的动态配置文件；其中，第一指令可以包括：该网络页面的唯一标识。

需要说明的是，动态配置文件包括：动态路由信息表。这里，动态路由信息表中预存有：该网络页面对应的各个动态路由信息，其中，动态路由信息可以表征为：网络页面对应的统一资源定位系统(uniform resource locator，URL)地址，该URL地址是可以发生变化的。

在一些实施例中，动态路由信息的表现形式可以为：地址参数/：可变参数；其中，地址参数可以表征为该网络页面中的第一级页面对应的URL地址；可变参数可以表征为：第一级页面下各个第二级页面对应的地址标识，可变参数是一个可以发生变化的值。

以动态路由信息可以为：movie/：id为例，movie/：id中的地址参数为：movie，该movie可以表征网络页面中的电影页面对应的URL地址，movie/：id中的可变参数为：id，不同的id值可以表征该电影页面中不同的电影所对应的地址标识。

在一些实施例中，电子设备在基于第一指令从服务器获取到该网络页面对应的动态配置文件的情况下，可以从动态配置文件中解析出该网络页面对应的动态路由信息表。在实现过程中，可以通过遍历的方式从动态路由信息表中获取该网络页面对应的动态路由信息。例如，可以通过for()函数遍历动态路由信息表中的数据，在对动态路由信息表中的数据进行遍历时，可以利用innerHTML()方法获取动态路由信息表中的各个动态路由信息。

在一些实施例中，动态配置文件中还包括：动态路由配置表，该动态路由配置表中预存有：各个动态路由信息与各个动态路由信息对应的各个地址标识之间的映射关系。这样，可以利用动态路由信息从动态路由配置表中获取到与该动态路由信息对应的各个地址标识。

在一些实施例中，在获取到动态路由信息对应的各个地址标识的情况下，可以将动态路由信息中的可变参数替换为各个地址标识，以此将动态路由信息转换为各个静态子信息；其中，静态子信息的数量与地址标识的数量对应。例如，静态子信息的数量可以与地址标识的数量相同。

在实现过程中，可以利用替换算法将动态路由信息中的可变参数替换为各个地址标识。例如，可以利用replace()算法将动态路由信息中的可变参数替换为各个地址标识。再例如，还可以构建替换函数将动态路由信息中的可变参数替换为各个地址标识。

以动态路由信息为：ph/market/coupon/：id为例，根据ph/market/coupon/：id从动态路由配置表中获取的各个地址标识可以为：p2022601、p2022602、p2022603，这时可以利用替换算法将该动态路由信息中的可变参数替换为各个地址标识，以此将该动态路由信息转换为三个静态子信息，这三个静态子信息可以分别为：ph/market/coupon/p2022601、ph/market/coupon/p2022602、ph/market/coupon/p2022603。

在一些实施例中，在得到各个动态路由信息对应的静态子信息的情况下，电子设备可以向服务器发送第二指令，该第二指令用于指示服务器向电子设备发送各个静态子信息对应的静态配置文件。这里，第二指令可以为：各个静态子信息对应的唯一标识。这样，可以根据各个静态子信息的唯一标识，从服务器获取与各个静态子信息的唯一标识对应的静态配置文件。

在一些实施例中，静态配置文件中预存有：针对静态子信息对应的子网络页面配置的静态路由信息。其中，静态路由信息可以包括：至少一个页面关键词，页面标题等。

在一些实施例中，在获取到各个静态子信息对应的静态配置文件之后，可以从静态配置文件中解析出静态路由信息。在实现过程中，可以利用读取算法从静态配置文件中获取静态路由信息。例如，可以利用open()算法将配置文件打开，这样可以利用read()算法获取静态配置文件中的静态路由信息。

在一些实施例中，为了得到各个静态子信息对应的静态预渲染文件，可以利用浏览器打开静态子信息对应的子网络页面，在打开静态子信息对应的子网络页面的情况下，可以利用插入算法将静态路由信息插入到子网络页面中的预设位置，在将静态路由信息插入到子网络页面中的预设位置之后，可以利用预渲染插件对静态子信息对应的子网络页面进行预渲染，以此得到各个静态子信息对应的静态预渲染文件。其中，浏览器可以为：无头浏览器，无头浏览器是一种没有图形用户界面(Graphical User Interface，GUI)的浏览器，无头浏览器包括：PhantomJS浏览器、无头模式的Chrome浏览器、无头模式的Firefox浏览器等。

需要说明的是，插入算法可以包括：insertAdjacentHTML()方法和insertAdjacentText()方法；预设位置可以包括：顶部位置，中部位置等；预渲染插件可以包括：prerender-spa-plugin插件。

例如，可以利用insertAdjacentHTML()方法将页面关键词插入到子网络页面的顶部位置。再例如，还可以利用insertAdjacentText()方法将页面标题插入到子网络页面的顶部位置，将页面关键词插入到子网络页面的中部位置。

在另一些实施例中，还可以将静态路由信息以超链接的形式插入到静态子信息对应的子网络页面中。

在一些实施例中，在得到各个静态预渲染文件之后，可以将各个静态预渲染文件组成一个集合，将该集合确定为目标预渲染文件。

在另一些实施例中，还可以将动态路由信息对应的至少一个静态子路由信息的至少一个静态预渲染文件组成一个文件数组；其中，文件数组的数量与动态路由信息的数量对应，这样，可以将各个文件数组组成一个集合，将该集合确定为网络页面的目标预渲染文件。

在一些实施例中，在得到目标预渲染文件的情况下，可以将目标预渲染文件进行打包生成资源包，并将该资源包传输至服务器，以将资源包保存至服务器中。

在一些实施例中，在检测到针对网络页面的更新事件的情况下，可以向服务器发送修改指令，该修改指令用于指示服务器基于网络页面的更新事件，对动态配置文件和/或静态配置文件进行修改。更新事件可以包括：页面信息发生变化、动态路由信息发生变化等。

例如，在检测到网络页面的其中一个子网络页面的页面信息发生改变情况下，可以向服务器发送修改指令，以使服务器基于修改指令对该子网络页面对应的静态配置文件进行修改。

本申请实施例提出的一种网络页面的处理方法，在检测到针对网络页面的触发事件的情况下，可以获取与网络页面对应的动态配置文件，在从动态配置文件中获取到与网络页面对应的动态路由信息的情况下，将各个动态路由信息分别转换为静态子信息，通过获取静态子信息对应的静态配置文件，可以根据各个静态配置文件中的静态路由信息，得到各个静态子信息对应的静态预渲染文件，进而可以根据各个静态预渲染文件，得到对应于网络页面的目标预渲染文件。

第一方面，通过将动态路由信息转换为静态子信息，并根据各个静态子信息对应的静态配置文件，得到各个静态子信息对应的静态预渲染文件，从而能够得到动态路由信息对应的预渲染文件。第二方面，将动态路由信息转换为静态子信息之后，在对网络页面进行预渲染的情况下，不仅可以得到静态路由信息对应的预渲染文件，还可以得到动态路由信息对应的预渲染文件，从而能够生成更多的预渲染文件。第三方面，在检测到网络页面的页面信息发生改变的情况下，可以随时对动态配置文件和静态配置文件进行修改，提高了可控性。

在一些实施例中，所述将各个所述动态路由信息分别转换为静态子信息，包括：

从所述动态路由信息中确定出所述网络页面的动态主路径参数，以及与所述动态主路径参数对应的动态子路径参数；其中，一个所述动态路由信息对应一个所述动态主路径参数，一个所述动态主路径参数对应至少一个所述动态子路径参数；

将各个所述动态主路径参数分别与各个所述动态主路径参数对应的所述动态子路径参数进行组合，得到各个所述动态路由信息对应的至少一个所述静态子信息；其中，所述静态子信息的数量与所述动态子路径参数的数量相同。

在一些实施例中，动态主路径参数和各个动态子路径参数可以以键值对的形式存储在动态路由信息中，这样，可以采用遍历的方式从动态路由信息中解析出该网络页面对应的动态主路径参数和各个动态子路径参数。其中，一个动态路由信息对应一个动态主路径参数，一个动态主路径参数对应至少一个动态子路径参数。

在一些实施例中，在得到各个动态主路径参数和各个动态主路径参数对应的动态子路径参数的情况下，可以将各个动态主路径参数分别与各个动态主路径参数对应的动态子路径参数进行拼接处理，以此得到各个动态路由信息对应的至少一个静态子信息。

在实现过程中，可以采用拼接函数将各个动态主路径参数分别与各个动态主路径参数对应的动态子路径参数进行拼接处理，以此得到各个动态路由信息对应的至少一个静态子信息。其中，拼接函数可以包括：urljoin()函数、join()函数等。

例如，在动态主路径参数是：id/market/coupon，动态子路径参数是：p202202251602的情况下，可以利用urljoin()函数将动态主路径参数和动态子路径参数进行拼接处理，以此得到静态子信息，此时静态子信息可以为：id/market/coupon/p202202251602。

在一些实施例中，通过将网络页面对应的各个动态主路径参数分别与各个动态主路径参数对应的动态子路径参数进行组合，从而可以得到各个动态路由信息对应的至少一个静态子信息，进而可以得到各个静态子信息对应的静态预渲染文件。这样，可以得到各个动态路由对应的预渲染文件，且将动态路由信息转换为静态子信息之后，在对网络页面进行预渲染的情况下，不仅可以得到静态路由信息对应的预渲染文件，还可以得到动态路由信息对应的预渲染文件，从而能够生成更多的预渲染文件。

在一些实施例中，所述获取所述静态子信息对应的静态配置文件，包括：

根据各个所述静态子信息中的所述动态主路径参数和所述动态子路径参数，从预设映射表中匹配出各个所述静态子信息对应的静态配置文件；

其中，所述预设映射表包括：所述动态主路径参数、所述动态子路径参数以及所述静态配置文件与所述动态主路径参数和所述动态子路径参数之间的关联关系。

在一些实施例中，电子设备预存有：预设映射表，该预设映射表预存有：动态主路径参数、动态子路径参数以及静态配置文件与动态主路径参数和动态子路径参数之间的关联关系。

在一些实施例中，可以对静态子信息进行切割处理，以此得到静态子信息对应的动态主路径参数和动态子路径参数。在实现过程中，可以利用切割函数对静态子信息进行切割处理，以使能够得到静态子信息中的动态主路径参数和动态子路径参数。其中，切割函数可以包括：split()函数、os.path.split()函数等。

以静态子信息是：id/market/coupon/p2022602为例，可以利用split()函数将id/market/coupon/p2022602分割为动态主路径参数和动态子路径参数；其中，动态主路径参数可以为：id/market/coupon/，动态子路径参数可以为：p2022602。

在一些实施例中，在得到各个静态子信息对应的动态主路径参数和动态子路径参数的情况下，电子设备可以根据动态主路径参数和动态子路径参数与静态配置文件之间的映射关系，从预设映射表中匹配出静态子信息对应的静态配置文件，进而可以根据各个静态子信息对应的静态配置文件。

在另一些实施例中，为了方便对静态子信息进行维护，还可以对各个静态子信息中的动态主路径参数设置唯一标识，这样可以根据动态主路径参数的唯一标识和动态子路径参数从配置列表中匹配出各个静态子信息对应的静态配置文件。其中，配置列表包括：动态主路径参数的唯一标识、动态子路径参数以及静态配置文件与动态主路径参数的唯一标识和动态子路径参数之间的关联关系。

在实现过程中，可以根据实际需求设置各个静态子信息中的动态主路径参数的唯一标识，在此不作具体限定。例如，当静态子信息中的动态主路径参数为：id/market/coupon时，可以为静态子信息中的动态主路径参数设置唯一标识，该唯一标识可以包括：my_coupon。

在一些实施例中，通过各个静态子信息从预设映射表中匹配出对应的静态配置文件，这样，可以得到各个静态子信息对应的静态配置文件，从而可以根据静态配置文件得到各个静态子信息对应的静态预渲染文件，进而得到动态路由信息对应的预渲染文件。

在一些实施例中，所述根据各个所述静态配置文件中的静态路由信息，得到各个所述静态子信息对应的静态预渲染文件，包括：

从所述网络页面中，确定与所述静态子信息对应的子网络页面；

根据所述静态配置文件中的静态路由信息，对所述子网络页面进行填充；

对填充后的子网络页面的页面内容和页面结构进行解析，得到各个所述静态子信息对应的静态预渲染文件。

在本公开实施例中，可以根据静态子信息从网络页面中确定出与静态子信息对应的子网络页面，在确定出各个静态子信息对应的子网络页面的情况下，可以将静态配置文件中的静态路由信息填充至子网络页面。

在一些实施例中，静态路由信息可以包括：子网络页面的元信息；其中，元信息可以包括：标题信息、关键词信息、描述信息、图片信息等。其中，关键词信息可以为多个，可以根据实际需求设置关键词信息的数量，在此不作具体限定。

需要说明的是，标题信息可以为：子网络页面的标题；关键词信息可以为：子网络页面的关键点；描述信息可以为：子网络页面的主要内容；图片信息可以为：象征子网络页面的图像。

在一些实施例中，可以将子网络页面的元信息填充至子网络页面对应的页面结构中的头部标签中；其中，头部标签可以包括：标题(titlt)标签、元数据(mata)标签、图片(img)标签等。在实现过程中，可以利用填充插件将标题信息填充至titlt标签中，将关键词信息以及描述信息填充至mata标签中，将图片信息填充至img标签中。在一些实施例中，填充插件可以包括：vue-meta-info插件等。

在一些实施例中，在将静态路由信息填充至子网络页面之后，可以对填充后的子网络页面的页面内容和页面结构进行解析，以此得到各个静态子信息对应的静态预渲染文件。其中，子网络的页面结构可以包括：文档对象模型(Document Object Model，DOM)结构。在实现过程中，可以利用prerender-spa-plugin插件对填充后的子网络页面的页面内容和页面结构进行解析，以此得到各个静态子信息对应的静态预渲染文件。

在一些实施例中，在得到各个静态子信息之后，通过将静态路由信息填充至静态子信息对应的子网络页面中，以此得到各个静态子信息对应的静态预渲染文件，从而可以得到动态路由信息对应的预渲染文件。

在一些实施例中，所述方法还包括：

根据各个所述静态子信息，构建站点地图；

将所述站点地图传输至搜索引擎；其中，所述站点地图用于：引导所述搜索引擎进行页面的收录。

这里，站点地图可以包含一个网站中所有的URL地址，该站点地图可以用于：引导搜索引擎对网站中的页面进行收录。

在一些实施例中，可以创建站点地图文件，这样可以将各个静态子信息以字符串的形式添加至站点地图文件中，得到该网络页面对应的站点地图；其中，站点地图的格式可以包括：txt文件格式、可扩展标记语言(EXtensible Markup Language，XML)文件格式等。

需要说明的是，站点地图文件所能存放的静态子信息是有限的，在一个站点地图文件中包含的静态子信息的数量达到预设数量的情况下，可以新建下一个站点地图文件，也就是说，站点地图文件可能有多个。其中，预设数量可以包括：50000条。

在另一些实施例中，还可以利用站点地图生成工具将各个静态子信息构建成站点地图；其中，生成工具可以包括：Xenu Link Sleuth工具、Baidu Sitemap Generator工具等。

在一些实施例中，在得到网络页面对应的站点地图的情况下，可以将站点地图传输至搜索引擎，这样，可以引导搜索引擎对页面进行收录。其中，搜索引擎可以包括：谷歌、雅虎、百度、搜狗等。在实现过程中，可以将站点地图传输至多个搜索引擎。例如，可以将站点地图传输至2个搜索引擎，还可以将站点地图传输至3个搜索引擎，可以根据实际需求选择搜索引擎，在此不作具体限定。

在一些实施例中，还可以在站点地图中设置各个静态子信息对应的优先级，以使搜索引擎根据各个静态子信息的优先级对各个静态子信息对应的页面进行收录。

在一些实施例中，通过各个静态子信息，构建站点地图，可以便于搜索引擎收录网络页面中的各个子网络页面，从而可以提升网络页面在搜索引擎中的排名，进而提高网络页面的点击率。

在一些实施例中，所述方法还包括：

将所述目标预渲染文件传输至服务器；其中，在所述服务器检测到搜索引擎发起的搜索指令的情况下，向所述搜索引擎发送与所述搜索指令对应的目标预渲染文件；

其中，所述目标预渲染文件的文件格式包括：超文本标记语言文件格式。

在一些实施例中，可以将目标预渲染文件传输至服务器，这样，在服务器检测到搜索引擎发起的搜索指令的情况下，可以向搜索引擎发送与搜索指令对应的目标预渲染文件，从而可以提升该网络页面的点击率，提升网络页面的排名。其中，搜索指令可以包括：搜索关键字等。

图2是根据一示例性实施例示出的一种网络页面的处理方法的流程图二，如图2所示，该网络页面的处理方法包括以下步骤：

在步骤201中，在检测到针对网络页面的触发事件的情况下，电子设备向服务器请求动态配置文件；

在步骤202中，服务器向电子设备发送动态配置文件；

在步骤203中，电子设备从动态配置文件中获取与网络页面对应的动态路由信息；

在一些实施例中，在检测到针对网络页面的触发事件的情况下，可以从服务器中获取与该网络页面对应的动态配置文件，在获取到动态配置文件的情况下，可以从动态配置文件中解析出该网络页面对应的各个动态路由信息。其中，服务器可以包括：网络服务器，云服务器等。

在一些实施例中，电子设备可以向服务器发送第一指令，该第一指令用于指示服务器向电子设备发送该网络页面对应的动态配置文件；其中，第一指令可以包括：该网络页面的唯一标识。

需要说明的是，动态配置文件包括：动态路由信息表。这里，动态路由信息表中预存有：该网络页面对应的各个动态路由信息，其中，动态路由信息可以表征为：网络页面对应的统一资源定位系统(uniform resource locator，URL)地址，该URL地址是可以发生变化的。

在一些实施例中，动态路由信息的表现形式可以为：地址参数/：可变参数；其中，地址参数可以表征为该网络页面中的第一级页面对应的URL地址；可变参数可以表征为：第一级页面下各个第二级页面对应的地址标识，可变参数是一个可以发生变化的值。

以动态路由信息可以为：movie/：id为例。movie/：id中的地址参数为：movie，该movie可以表征网络页面中的电影页面对应的URL地址，movie/：id中的可变参数为：id，不同的id值可以表征该电影页面中不同的电影所对应的地址标识。

在一些实施例中，电子设备在基于第一指令从服务器获取到该网络页面对应的动态配置文件的情况下，可以从动态配置文件中解析出该网络页面对应的动态路由信息表。在实现过程中，可以通过遍历的方式从动态路由信息表中获取该网络页面对应的动态路由信息。例如，可以通过for()函数遍历动态路由信息表中的数据，在对动态路由信息表中的数据进行遍历时，可以利用innerHTML()方法获取动态路由信息表中的各个动态路由信息。

在步骤204中，电子设备将各个动态路由信息转换为静态子信息；

在一些实施例中，动态配置文件中还包括：动态路由配置表，该动态路由配置表中预存有：各个动态路由信息与各个动态路由信息对应的各个地址标识之间的映射关系。这样，可以利用动态路由信息从动态路由配置表中获取到与该动态路由信息对应的各个地址标识。

在一些实施例中，在获取到动态路由信息对应的各个地址标识的情况下，可以将动态路由信息中的可变参数替换为各个地址标识，以此将动态路由信息转换为各个静态子信息；其中，静态子信息的数量与地址标识的数量对应。例如，静态子信息的数量可以与地址标识的数量相同。

在实现过程中，可以利用替换算法将动态路由信息中的可变参数替换为各个地址标识。例如，可以利用replace()算法将动态路由信息中的可变参数替换为各个地址标识。再例如，还可以构建替换函数将动态路由信息中的可变参数替换为各个地址标识。

以动态路由信息为：ph/market/coupon/：id为例，根据ph/market/coupon/：id从动态路由配置表中获取的各个地址标识可以为：p2022601、p2022602、p2022603，这时可以利用替换算法将该动态路由信息中的可变参数替换为各个地址标识，以此将该动态路由信息转换为三个静态子信息，这三个静态子信息可以分别为：ph/market/coupon/p2022601、ph/market/coupon/p2022602、ph/market/coupon/p2022603。

在步骤205中，电子设备向服务器请求各个静态子信息对应的静态配置文件；

在步骤206中，服务器向电子设备发送各个静态子信息对应的静态配置文件；

在一些实施例中，在得到各个动态路由信息对应的静态子信息的情况下，电子设备可以向服务器发送第二指令，该第二指令用于指示服务器向电子设备发送各个静态子信息对应的静态配置文件。这里，第二指令可以为：各个静态子信息对应的唯一标识。这样，可以根据各个静态子信息的唯一标识，从服务器获取与各个静态子信息的唯一标识对应的静态配置文件。

在步骤207中，电子设备从网络页面中，确定与静态子信息对应的子网络页面；

在步骤208中，电子设备根据静态配置文件中的静态路由信息，对子网络页面进行填充；

在步骤209中，电子设备对填充后的子网络页面的页面内容和页面结构进行解析，得到各个静态子信息对应的静态预渲染文件；

在步骤210中，电子设备根据各个静态预渲染文件，得到对应于网络页面的目标预渲染文件；

在本公开实施例中，可以根据静态子信息从网络页面中确定出与静态子信息对应的子网络页面，在确定出静态子信息对应的子网络页面的情况下，将静态配置文件中的静态路由信息，填充至子网络页面。

在一些实施例中，静态路由信息可以包括：子网络页面的元信息；其中，元信息可以包括：标题信息、关键词信息、描述信息、图片信息等。其中，关键词信息可以为多个，可以根据实际需求设置关键词信息的数量，在此不作具体限定。

在一些实施例中，可以将子网络页面的元信息填充至子网络页面的头部标签中；其中，头部标签可以包括：titlt标签、mata标签、img标签等。在实现过程中，可以利用填充插件将标题信息填充至titlt标签中，将关键词信息以及描述信息填充至mata标签中，将图片信息填充至img标签中。在一些实施例中，填充插件可以包括：vue-meta-info插件等。

在一些实施例中，在将静态路由信息填充至子网络页面之后，可以对填充后的子网络页面的页面内容和页面结构进行解析，以此得到各个静态子信息对应的静态预渲染文件。在实现过程中，可以利用prerender-spa-plugin插件填充后的子网络页面的页面内容和页面结构进行解析，以此得到各个静态子信息对应的静态预渲染文件。

在一些实施例中，在得到各个静态预渲染文件之后，可以将各个静态预渲染文件组成一个集合，将该集合确定为目标预渲染文件。

在步骤211中，电子设备将目标预渲染文件传输至服务器；

在一些实施例中，可以将目标预渲染文件传输至服务器，这样，在服务器检测到搜索引擎发起的搜索指令的情况下，可以向搜索引擎发送与搜索指令对应的目标预渲染文件。

在步骤212中，电子设备根据各个静态子信息，构建站点地图；

在步骤213中，电子设备将站点地图传输至搜索引擎。

在一些实施例中，可以创建站点地图文件，这样可以将各个静态子信息以字符串的形式添加至站点地图文件中，以此得到该网络页面对应的站点地图；其中，站点地图的格式可以包括：txt文件格式、xml文件格式。

在另一些实施例中，还可以利用站点地图生成工具将各个静态子信息构建成站点地图；其中，生成工具可以包括：Xenu Link Sleuth工具、Baidu Sitemap Generator工具等。

在一些实施例中，在得到网络页面对应的站点地图的情况下，可以将站点地图传输至搜索引擎，这样，可以引导搜索引擎对页面进行收录。其中，搜索引擎可以包括：谷歌、雅虎、百度、搜狗等。在实现过程中，可以将站点地图传输至多个搜索引擎，可以根据实际需求选择搜索引擎，在此不作具体限定。

图3是根据一示例性实施例示出的一种网络页面的处理装置框图。如图3所示，该网络页面的处理装置300主要包括：

第一获取模块301，配置为在检测到针对网络页面的触发事件的情况下，获取与所述网络页面对应的动态配置文件；

第二获取模块302，配置为从所述动态配置文件中获取与所述网络页面对应的动态路由信息；

转换模块303，配置为将各个所述动态路由信息分别转换为静态子信息；其中，一个所述动态路由信息对应至少一个所述静态子信息；

第三获取模块304，配置为获取所述静态子信息对应的静态配置文件；

第一得到模块305，配置为根据各个所述静态配置文件中的静态路由信息，得到各个所述静态子信息对应的静态预渲染文件；

第二得到模块306，配置为根据各个所述静态预渲染文件，得到对应于所述网络页面的目标预渲染文件。

在一些实施例中，所述转换单元，配置为：

从所述动态路由信息中确定出所述网络页面的动态主路径参数，以及与所述动态主路径参数对应的动态子路径参数；其中，一个所述动态路由信息对应一个所述动态主路径参数，一个所述动态主路径参数对应至少一个所述动态子路径参数；

将各个所述动态主路径参数分别与各个所述动态主路径参数对应的所述动态子路径参数进行组合，得到各个所述动态路由信息对应的至少一个所述静态子信息；其中，所述静态子信息的数量与所述动态子路径参数的数量相同。

在一些实施例中，所述第三获取模块，配置为：

根据各个所述静态子信息中的所述动态主路径参数和所述动态子路径参数，从预设映射表中匹配出各个所述静态子信息对应的静态配置文件；

其中，所述预设映射表包括：所述动态主路径参数、所述动态子路径参数以及所述静态配置文件与所述动态主路径参数和所述动态子路径参数之间的关联关系。

在一些实施例中，所述第一得到模块，配置为：

从所述网络页面中，确定与所述静态子信息对应的子网络页面；

根据所述静态配置文件中的静态路由信息，对所述子网络页面进行填充；

对填充后的子网络页面的页面内容和页面结构进行解析，得到各个所述静态子信息对应的静态预渲染文件。

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

构建模块，配置为根据各个所述静态子信息，构建站点地图；

第一传输模块，配置为将所述站点地图传输至搜索引擎；其中，所述站点地图用于：引导所述搜索引擎进行页面的收录。

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

第二传输模块，配置为将所述目标预渲染文件传输至服务器；其中，在所述服务器检测到搜索引擎发起的搜索指令的情况下，向所述搜索引擎发送与所述搜索指令对应的目标预渲染文件；

其中，所述目标预渲染文件的文件格式包括：超文本标记语言文件格式。

图4是根据一示例性实施例示出的网络页面的处理装置的硬件结构框图。例如，装置400可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图4，装置400可以包括以下一个或多个组件：处理组件402，存储器404，电源组件406，多媒体组件408，音频组件410，输入/输出(I/O)接口412，传感器组件414，以及通信组件416。

处理组件402通常控制装置400的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件402可以包括一个或多个处理器420来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件402可以包括一个或多个模块，便于处理组件402和其他组件之间的交互。例如，处理组件402可以包括多媒体模块，以方便多媒体组件408和处理组件402之间的交互。

存储器404被配置为存储各种类型的数据以支持在装置400的操作。这些数据的示例包括用于在装置400上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器404可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件406为装置400的各种组件提供电力。电源组件406可以包括电源管理系统，一个或多个电源，及其他与为装置400生成、管理和分配电力相关联的组件。

多媒体组件408包括在所述装置400和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件408包括一个前置摄像头和/或后置摄像头。当装置400处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件410被配置为输出和/或输入音频信号。例如，音频组件410包括一个麦克风(MIC)，当装置400处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器404或经由通信组件416发送。在一些实施例中，音频组件410还包括一个扬声器，用于输出音频信号。

I/O接口412为处理组件402和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件414包括一个或多个传感器，用于为装置400提供各个方面的状态评估。例如，传感器组件414可以检测到装置400的打开/关闭状态，组件的相对定位，例如所述组件为装置400的显示器和小键盘，传感器组件414还可以检测装置400或装置400一个组件的位置改变，用户与装置400接触的存在或不存在，装置400方位或加速/减速和装置400的温度变化。传感器组件414可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件414还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件414还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件416被配置为便于装置400和其他设备之间有线或无线方式的通信。装置400可以接入基于通信标准的无线网络，如WiFi、4G或5G，或它们的组合。在一个示例性实施例中，通信组件416经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件416还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置400可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器404，上述指令可由装置400的处理器420执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行一种网络页面的处理方法，所述方法包括：

在检测到针对网络页面的触发事件的情况下，获取与所述网络页面对应的动态配置文件；

从所述动态配置文件中获取与所述网络页面对应的动态路由信息；

将各个所述动态路由信息分别转换为静态子信息；其中，一个所述动态路由信息对应至少一个所述静态子信息；

获取所述静态子信息对应的静态配置文件；

根据各个所述静态配置文件中的静态路由信息，得到各个所述静态子信息对应的静态预渲染文件；

根据各个所述静态预渲染文件，得到对应于所述网络页面的目标预渲染文件。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (14)

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

在检测到针对网络页面的触发事件的情况下，获取与所述网络页面对应的动态配置文件；

从所述动态配置文件中获取与所述网络页面对应的动态路由信息；

将各个所述动态路由信息分别转换为静态子信息；其中，一个所述动态路由信息对应至少一个所述静态子信息；

获取所述静态子信息对应的静态配置文件；

根据各个所述静态配置文件中的静态路由信息，得到各个所述静态子信息对应的静态预渲染文件；

根据各个所述静态预渲染文件，得到对应于所述网络页面的目标预渲染文件。

2.根据权利要求1所述的方法，其特征在于，所述将各个所述动态路由信息分别转换为静态子信息，包括：

从所述动态路由信息中确定出所述网络页面的动态主路径参数，以及与所述动态主路径参数对应的动态子路径参数；其中，一个所述动态路由信息对应一个所述动态主路径参数，一个所述动态主路径参数对应至少一个所述动态子路径参数；

将各个所述动态主路径参数分别与各个所述动态主路径参数对应的所述动态子路径参数进行组合，得到各个所述动态路由信息对应的至少一个所述静态子信息；其中，所述静态子信息的数量与所述动态子路径参数的数量相同。

3.根据权利要求2所述的方法，其特征在于，所述获取所述静态子信息对应的静态配置文件，包括：

根据各个所述静态子信息中的所述动态主路径参数和所述动态子路径参数，从预设映射表中匹配出各个所述静态子信息对应的静态配置文件；

其中，所述预设映射表包括：所述动态主路径参数、所述动态子路径参数以及所述静态配置文件与所述动态主路径参数和所述动态子路径参数之间的关联关系。

4.根据权利要求1所述的方法，其特征在于，所述根据各个所述静态配置文件中的静态路由信息，得到各个所述静态子信息对应的静态预渲染文件，包括：

从所述网络页面中，确定与所述静态子信息对应的子网络页面；

根据所述静态配置文件中的静态路由信息，对所述子网络页面进行填充；

对填充后的子网络页面的页面内容和页面结构进行解析，得到各个所述静态子信息对应的静态预渲染文件。

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

根据各个所述静态子信息，构建站点地图；

将所述站点地图传输至搜索引擎；其中，所述站点地图用于：引导所述搜索引擎进行页面的收录。

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

将所述目标预渲染文件传输至服务器；其中，在所述服务器检测到搜索引擎发起的搜索指令的情况下，向所述搜索引擎发送与所述搜索指令对应的目标预渲染文件；

其中，所述目标预渲染文件的文件格式包括：超文本标记语言文件格式。

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

第一获取模块，配置为在检测到针对网络页面的触发事件的情况下，获取与所述网络页面对应的动态配置文件；

第二获取模块，配置为从所述动态配置文件中获取与所述网络页面对应的动态路由信息；

转换模块，配置为将各个所述动态路由信息分别转换为静态子信息；其中，一个所述动态路由信息对应至少一个所述静态子信息；

第三获取模块，配置为获取所述静态子信息对应的静态配置文件；

第一得到模块，配置为根据各个所述静态配置文件中的静态路由信息，得到各个所述静态子信息对应的静态预渲染文件；

第二得到模块，配置为根据各个所述静态预渲染文件，得到对应于所述网络页面的目标预渲染文件。

8.根据权利要求7所述的装置，其特征在于，所述转换单元，配置为：

从所述动态路由信息中确定出所述网络页面的动态主路径参数，以及与所述动态主路径参数对应的动态子路径参数；其中，一个所述动态路由信息对应一个所述动态主路径参数，一个所述动态主路径参数对应至少一个所述动态子路径参数；

将各个所述动态主路径参数分别与各个所述动态主路径参数对应的所述动态子路径参数进行组合，得到各个所述动态路由信息对应的至少一个所述静态子信息；其中，所述静态子信息的数量与所述动态子路径参数的数量相同。

9.根据权利要求8所述的装置，其特征在于，所述第三获取模块，配置为：

根据各个所述静态子信息中的所述动态主路径参数和所述动态子路径参数，从预设映射表中匹配出各个所述静态子信息对应的静态配置文件；

其中，所述预设映射表包括：所述动态主路径参数、所述动态子路径参数以及所述静态配置文件与所述动态主路径参数和所述动态子路径参数之间的关联关系。

10.根据权利要求7所述的装置，其特征在于，所述第一得到模块，配置为：

从所述网络页面中，确定与所述静态子信息对应的子网络页面；

根据所述静态配置文件中的静态路由信息，对所述子网络页面进行填充；

对填充后的子网络页面的页面内容和页面结构进行解析，得到各个所述静态子信息对应的静态预渲染文件。

11.根据权利要求7至10任一项所述的装置，其特征在于，所述装置还包括：

构建模块，配置为根据各个所述静态子信息，构建站点地图；

第一传输模块，配置为将所述站点地图传输至搜索引擎；其中，所述站点地图用于：引导所述搜索引擎进行页面的收录。

12.根据权利要求7至10任一项所述的装置，其特征在于，所述装置还包括：

第二传输模块，配置为将所述目标预渲染文件传输至服务器；其中，在所述服务器检测到搜索引擎发起的搜索指令的情况下，向所述搜索引擎发送与所述搜索指令对应的目标预渲染文件；

其中，所述目标预渲染文件的文件格式包括：超文本标记语言文件格式。

13.一种网络页面的处理装置，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：执行时实现上述权利要求1至6中任一种网络页面的处理方法中的步骤。

14.一种非临时性计算机可读存储介质，当所述存储介质中的指令由网络页面的处理装置的处理器执行时，使得所述装置能够执行上述权利要求1至6中任一种网络页面的处理方法中的步骤。

Images