CN110929192A - 一种前端请求的处理方法及装置 - Google Patents

Abstract

本发明实施例提供了一种前端请求的处理方法及装置。所述方法包括：在前端页面接收到静态资源数据之后，根据所述静态资源数据生成不同类型的前端请求，其中所述不同类型的前端请求至少包括：页面数据请求和埋点请求；创建前端请求队列，依次将所有页面数据请求和所有埋点请求加入所述前端请求队列，其中所有页面数据请求均在所述埋点请求前方；发送所述前端请求队列中的所有页面数据请求至服务器，并在接收到所述服务器根据所有页面数据请求返回的页面显示数据之后，开始发送所述埋点请求至所述服务器。本发明可以在网络状况不好的情况下，优先保证页面的正常显示。

Description

一种前端请求的处理方法及装置

技术领域

本发明涉及互联网前端领域，尤其涉及一种前端请求的处理方法及装置。

背景技术

互联网前端技术中，在对前端页面进行加载显示时，通常需要先获取静态资源数据，然后根据静态资源数据，发起前端请求。将发起的所有前端请求发送至后台服务器，以从后台服务器获取需要在前端页面显示的数据以及其他的统计分析数据等等。

目前在向后台服务器发送前端请求时，通常以并行发送的形式将所有的前端请求同时发送至后台服务器，这样可以提升前端页面的加载速度。

然而在一些网络状况不好的情况下，例如网络带宽较小，网速较慢时，若并行发送的前端请求数量过大，将会造成拥堵，使得前端页面的加载速度减慢。

发明内容

鉴于上述问题，提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的前端请求的处理方法及装置。

第一方面，本发明实施例提供了一种前端请求的处理方法，所述方法包括：

在前端页面接收到静态资源数据之后，根据所述静态资源数据生成不同类型的前端请求，其中所述不同类型的前端请求至少包括：页面数据请求和埋点请求；

创建前端请求队列，依次将所有页面数据请求和所有埋点请求加入所述前端请求队列，其中所有页面数据请求均在所述埋点请求前方；

发送所述前端请求队列中的所有页面数据请求至服务器，并在接收到所述服务器根据所有页面数据请求返回的页面显示数据之后，开始发送所述埋点请求至所述服务器。

可选的，所述静态资源数据包括：由超文本标记语言编写的第一数据、由层叠样式表编写的第二数据以及由直译式脚本语言编写的第三数据。

可选的，所述前端请求队列中还保存有对应每个前端请求的状态标识，其中所述状态标识包括：指示前端请求已经执行结束的第一标识和指示前端请求还未执行的第二标识。

可选的，所述发送所述前端请求队列中的所有页面数据请求至服务器，并在接收到所述服务器根据所有页面数据请求返回的页面显示数据之后，开始发送所述埋点请求至所述服务器的步骤包括：

将所述前端请求队列中所有页面数据请求对应的状态标识设置为所述第二标识；

以并行发送的形式将所有页面数据请求的请求内容发送至所述服务器，以使所述服务器根据所述页面数据请求返回页面显示数据；

接收所述页面显示数据，并将接收到的所述页面显示数据对应的页面数据请求对应的状态标识设置为所述第一标识；

在所有页面数据请求对应的状态标识均为所述第一标识时，发送所述埋点请求至所述服务器，并将所述埋点请求对应的状态标识设置为所述第二标识。

可选的，在所有页面数据请求对应的状态标识均为所述第一标识时，所述方法还包括：

将所有页面数据请求从所述前端请求队列中删除。

第二方面，本发明实施例还提供一种前端请求的处理装置，所述装置包括：

生成模块，用于在前端页面接收到静态资源数据之后，根据所述静态资源数据生成不同类型的前端请求，其中所述不同类型的前端请求至少包括：页面数据请求和埋点请求；

队列模块，用于创建前端请求队列，依次将所有页面数据请求和所有埋点请求加入所述前端请求队列，其中所有页面数据请求均在所述埋点请求前方；

处理模块，用于发送所述前端请求队列中的所有页面数据请求至服务器，并在接收到所述服务器根据所有页面数据请求返回的页面显示数据之后，开始发送所述埋点请求至所述服务器。

可选的，所述前端请求队列中还保存有对应每个前端请求的状态标识，其中所述状态标识包括：指示前端请求已经执行结束的第一标识和指示前端请求还未执行的第二标识。

可选的，所述处理模块包括：

第一状态单元，用于将所述前端请求队列中所有页面数据请求对应的状态标识设置为所述第二标识；

第一发送单元，用于以并行发送的形式将所有页面数据请求的请求内容发送至所述服务器，以使所述服务器根据所有页面数据请求返回页面显示数据；

第二状态单元，用于接收所述页面显示数据，并将接收到的所述页面显示数据对应的页面数据请求对应的状态标识设置为所述第一标识；

第二发送单元，用于在所有页面数据请求对应的状态标识均为所述第一标识时，发送所述埋点请求至所述服务器，并将所述埋点请求对应的状态标识设置为所述第二标识。

第三方面，本发明实施例还提供一种电子设备，该电子设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上所述的前端请求的处理方法中的步骤。

第四方面，本发明实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的前端请求的处理方法中的步骤。

在本发明实施例中，在根据静态资源数据生成不同类型的前端请求之后，创建前端请求队列，并将前端请求加入前端请求队列中统一进行管理。通过将与页面显示数据相关的页面数据请求放置于队列的前方，保证了优先发送所有的页面数据请求；同时在接收到页面显示数据之后，再开始发送埋点请求，以避免埋点请求对页面显示带来的影响。使得在网络状况不好的情况下，优先保证页面的正常显示。

附图说明

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

图1为本发明实施例提供的一种前端请求的处理方法示意图；

图2为本发明实施例提供的发送页面数据请求以及埋点请求的步骤示意图之一；

图3为本发明实施例提供的发送页面数据请求以及埋点请求的步骤示意图之一；

图4为本发明实施例提供的一种前端请求的处理装置示意图；

图5为本发明实施例的处理模块示意图；

图6为本发明实施例提供的电子设备的结构框图。

具体实施方式

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

应理解，说明书通篇中提到的“一个实施例”或“一实施例”意味着与实施例有关的特定特征、结构或特性包括在本发明的至少一个实施例中。因此，在整个说明书各处出现的“在一个实施例中”或“在一实施例中”未必一定指相同的实施例。此外，这些特定的特征、结构或特性可以任意适合的方式结合在一个或多个实施例中。

在本发明的各种实施例中，应理解，下述各过程的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

参见图1，本发明实施例提供了一种前端请求的处理方法，该方法包括：

步骤101：在前端页面接收到静态资源数据之后，根据静态资源数据生成不同类型的前端请求，其中不同类型的前端请求至少包括：页面数据请求和埋点请求；

应当说明的是，前端页面在进行页面加载时，首选会获取静态资源数据。其中静态资源数据中携带有多种类型的前端请求。前端请求中的页面数据请求用于获取页面显示所需的图片、文字等数据。埋点请求用于收集用户信息、跳转信息等，并不涉及页面显示所需的数据。较佳的，静态资源数据包括：由超文本标记语言(HyperText Markup Language，简称HTML)编写的第一数据、由层叠样式表(Cascading Style Sheets，简称CSS)编写的第二数据以及由直译式脚本语言(JavaScript)编写的第三数据。

步骤102：创建前端请求队列，依次将所有页面数据请求和所有埋点请求加入前端请求队列，其中所有页面数据请求均在埋点请求前方；

应当说明的是，该前端请求队列遵循先入先出的原则，即队列中位置靠前的前端请求会优先执行。

步骤103：发送前端请求队列中的所有页面数据请求至服务器，并在接收到服务器根据所有页面数据请求返回的页面显示数据之后，开始发送埋点请求至服务器。

应当说明的是，该服务器中存储有加载前端页面所需的数据。当服务器接收到页面数据请求之后，根据接收到的页面数据请求返回相应的页面显示数据。为避免在执行页面数据请求时，同时执行埋点请求带来的影响，可以在所有页面数据请求执行完成之后，再开始发送或执行埋点请求。

在本发明实施例中，在根据静态资源数据生成不同类型的前端请求之后，创建前端请求队列，并将前端请求加入前端请求队列中统一进行管理。通过将与页面显示数据相关的页面数据请求放置于队列的前方，保证了优先发送所有的页面数据请求；同时在接收到页面显示数据之后，再开始发送埋点请求，以避免埋点请求对页面显示带来的影响。使得在网络状况不好的情况下，优先保证页面的正常显示。

为了方便查看前端请求的执行状态，在上述发明实施例的基础上，本发明实施例中，前端请求队列中还保存有对应每个前端请求的状态标识，其中状态标识包括：指示前端请求已经执行结束的第一标识和指示前端请求还未执行的第二标识。

应当说明的是，每个前端请求对应的状态标识，可以每隔预定时间更新一次，或者检测到前端请求的执行状态改变时进行更新。

如图2所示，在上述各发明实施例的基础上，本发明实施例中，发送前端请求队列中的所有页面数据请求至服务器，并在接收到服务器根据所有页面数据请求返回的页面显示数据之后，开始发送埋点请求至服务器的步骤包括：

步骤201：将前端请求队列中所有页面数据请求对应的状态标识设置为第二标识；

应当说明的是，由于前端请求均未执行，因此其状态标识均为第二标识，即前端请求未开始执行。

步骤202：以并行发送的形式将所有页面数据请求的请求内容发送至服务器，以使服务器根据页面数据请求返回页面显示数据；

应当说明的是，通过并行发送的形式可以提升前端请求的执行效率。

步骤203：接收页面显示数据，并将接收到的页面显示数据对应的页面数据请求对应的状态标识设置为第一标识；

应当说明的是，在接收到页面显示数据之后，说明其对应的页面数据请求已经执行完成，因此将其对应的状态标识改为第一标识，即相应的前端请求已执行结束。当然若接收到的数据指示页面数据请求执行失败，同样将其状态标识改为第一标识。

步骤204：在所有页面数据请求对应的状态标识均为第一标识时，发送埋点请求至服务器，并将埋点请求对应的状态标识设置为所述第二标识。

应当说明的是，在所有页面数据请求对应的状态标识均为第一标识时，该方法还包括：将所有页面数据请求从前端请求队列中删除。

如图3所示，为了兼顾页面数据请求与埋点请求，还可以在开始执行所有页面数据请求之后，每执行完一条页面数据请求，则开始执行一条埋点请求，保证同时执行的前端请求的数量不会增加。具体的，包括：

步骤301：发起请求，在接收到静态资源数据之后生成多种类型的前端请求。

步骤302：进入请求队列，将生成的多个前端请求加入请求队列，并且所有页面数据请求均在埋点请求前方。

步骤303：请求队列是否大于0，若否则结束；若是则执行步骤304。

步骤304：index(索引)设置为0。

步骤305：取请求队列中对应index的前端请求；请求队列中每个前端请求均有自己的index，第一个前端请求的index为0，往后每个前端请求的index依次加1。

步骤306：请求是否在执行，查看取出的前端请求的执行状态，确认是否正在执行，若是则执行步骤307，若否则执行步骤308；

步骤307：将index加1，并继续执行步骤205。

步骤308：index是否大于上限值，这里的上限值为所有页面数据请求的数量，若是则结束；若否则执行步骤309：

步骤309：执行取出的前端请求，并在该前端请求执行未结束时，执行步骤307。

步骤310：前端请求执行结束，即前端请求执行成功或者执行失败。

步骤311：在请求队列中删除执行结束的前端请求，并返回步骤303。

其中为方便查看前端请求的执行状态，以及对每个前端请求进行区分，本发明实施例中前端请求的形式可以为：

{

url:“https://www.58.com”,

status:1,

key:0.9164581064115993

}

其中url代表的就是请求的url，status代表当前请求的执行状态，1为正在执行，0为未执行，key是随机数，例如可以为JavaScript生成的随机数，可以用来作为该请求的唯一标识。

以上介绍了本发明实施例提供的前端请求的处理方法，下面将结合附图介绍本发明实施例提供的前端请求的处理装置。

参见图4和图5，本发明实施例还提供了一种前端请求的处理装置，该装置包括：

生成模块41，用于在前端页面接收到静态资源数据之后，根据静态资源数据生成不同类型的前端请求，其中不同类型的前端请求至少包括：页面数据请求和埋点请求；

队列模块42，用于创建前端请求队列，依次将所有页面数据请求和所有埋点请求加入前端请求队列，其中所有页面数据请求均在埋点请求前方；

处理模块43，用于发送前端请求队列中的所有页面数据请求至服务器，并在接收到服务器根据所有页面数据请求返回的页面显示数据之后，开始发送埋点请求至服务器。

应当说明的是，静态资源数据包括：由超文本标记语言编写的第一数据、由层叠样式表编写的第二数据以及由直译式脚本语言编写的第三数据。前端请求队列中还保存有对应每个前端请求的状态标识，其中状态标识包括：指示前端请求已经执行结束的第一标识和指示前端请求还未执行的第二标识。

其中，处理模块43包括：

第一状态单元431，用于将前端请求队列中所有页面数据请求对应的状态标识设置为第二标识；

第一发送单元432，用于以并行发送的形式将所有页面数据请求的请求内容发送至服务器，以使服务器根据所有页面数据请求返回页面显示数据；

第二状态单元433，用于接收页面显示数据，并将接收到的页面显示数据对应的页面数据请求对应的状态标识设置为第一标识；

第二发送单元434，用于在所有页面数据请求对应的状态标识均为第一标识时，发送埋点请求至服务器，并将埋点请求对应的状态标识设置为所述第二标识。

该装置还包括：删除模块，用于在所有页面数据请求对应的状态标识均为第一标识时，将所有页面数据请求从前端请求队列中删除。

本发明实施例提供的前端请求的处理装置能够实现图1至图3的方法实施例中前端请求的处理方法实现的各个过程，为避免重复，这里不再赘述。

本发明的实施例中，在根据静态资源数据生成不同类型的前端请求之后，创建前端请求队列，并将前端请求加入前端请求队列中统一进行管理。通过将与页面显示数据相关的页面数据请求放置于队列的前方，保证了优先发送所有的页面数据请求；同时在接收到页面显示数据之后，再开始发送埋点请求，以避免埋点请求对页面显示带来的影响。使得在网络状况不好的情况下，优先保证页面的正常显示。

另一方面，本发明实施例还提供了一种电子设备，包括存储器、处理器、总线以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述前端请求的处理方法中的步骤。

举个例子如下，图6示出了一种电子设备的实体结构示意图。

如图6所示，该电子设备可以包括：处理器(processor)610、通信接口(Communications Interface)620、存储器(memory)630和通信总线640，其中，处理器610，通信接口620，存储器630通过通信总线640完成相互间的通信。处理器610可以调用存储器630中的逻辑指令，以执行如下方法：

在前端页面接收到静态资源数据之后，根据静态资源数据生成不同类型的前端请求，其中不同类型的前端请求至少包括：页面数据请求和埋点请求；

创建前端请求队列，依次将所有页面数据请求和所有埋点请求加入前端请求队列，其中所有页面数据请求均在埋点请求前方；

发送前端请求队列中的所有页面数据请求至服务器，并在接收到服务器根据所有页面数据请求返回的页面显示数据之后，开始发送埋点请求至服务器。

此外，上述的存储器630中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

再一方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以执行上述各实施例提供的前端请求的处理方法，例如包括：

在前端页面接收到静态资源数据之后，根据静态资源数据生成不同类型的前端请求，其中不同类型的前端请求至少包括：页面数据请求和埋点请求；

创建前端请求队列，依次将所有页面数据请求和所有埋点请求加入前端请求队列，其中所有页面数据请求均在埋点请求前方；

发送前端请求队列中的所有页面数据请求至服务器，并在接收到服务器根据所有页面数据请求返回的页面显示数据之后，开始发送埋点请求至服务器。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种前端请求的处理方法，其特征在于，所述方法包括：

在前端页面接收到静态资源数据之后，根据所述静态资源数据生成不同类型的前端请求，其中所述不同类型的前端请求至少包括：页面数据请求和埋点请求；

创建前端请求队列，依次将所有所述页面数据请求和所有埋点请求加入所述前端请求队列，其中所有所述页面数据请求均在所述埋点请求前方；

发送所述前端请求队列中的所有页面数据请求至服务器，并在接收到所述服务器根据所有页面数据请求返回的页面显示数据之后，开始发送所述埋点请求至所述服务器。

2.根据权利要求1所述的方法，其特征在于，所述静态资源数据包括：由超文本标记语言编写的第一数据、由层叠样式表编写的第二数据以及由直译式脚本语言编写的第三数据。

3.根据权利要求1所述的方法，其特征在于，所述前端请求队列中还保存有对应每个前端请求的状态标识，其中所述状态标识包括：指示前端请求已经执行结束的第一标识和指示前端请求还未执行的第二标识。

4.根据权利要求3所述的方法，其特征在于，所述发送所述前端请求队列中的所有页面数据请求至服务器，并在接收到所述服务器根据所有页面数据请求返回的页面显示数据之后，开始发送所述埋点请求至所述服务器的步骤包括：

将所述前端请求队列中所有页面数据请求对应的状态标识设置为所述第二标识；

以并行发送的形式将所有页面数据请求的请求内容发送至所述服务器，以使所述服务器根据所述页面数据请求返回页面显示数据；

接收所述页面显示数据，并将接收到的所述页面显示数据对应的页面数据请求对应的状态标识设置为所述第一标识；

在所有页面数据请求对应的状态标识均为所述第一标识时，发送所述埋点请求至所述服务器，并将所述埋点请求对应的状态标识设置为所述第二标识。

5.根据权利要求4所述的方法，其特征在于，在所有页面数据请求对应的状态标识均为所述第一标识时，所述方法还包括：

将所有页面数据请求从所述前端请求队列中删除。

6.一种前端请求的处理装置，其特征在于，所述装置包括：

生成模块，用于在前端页面接收到静态资源数据之后，根据所述静态资源数据生成不同类型的前端请求，其中所述不同类型的前端请求至少包括：页面数据请求和埋点请求；

队列模块，用于创建前端请求队列，依次将所有页面数据请求和所有埋点请求加入所述前端请求队列，其中所有页面数据请求均在所述埋点请求前方；

处理模块，用于发送所述前端请求队列中的所有页面数据请求至服务器，并在接收到所述服务器根据所有页面数据请求返回的页面显示数据之后，开始发送所述埋点请求至所述服务器。

7.根据权利要求6所述的装置，其特征在于，所述前端请求队列中还保存有对应每个前端请求的状态标识，其中所述状态标识包括：指示前端请求已经执行结束的第一标识和指示前端请求还未执行的第二标识。

8.根据权利要求7所述的方法，其特征在于，所述处理模块包括：

第一状态单元，用于将所述前端请求队列中所有页面数据请求对应的状态标识设置为所述第二标识；

第一发送单元，用于以并行发送的形式将所有页面数据请求的请求内容发送至所述服务器，以使所述服务器根据所有页面数据请求返回页面显示数据；

第二状态单元，用于接收所述页面显示数据，并将接收到的所述页面显示数据对应的页面数据请求对应的状态标识设置为所述第一标识；

第二发送单元，用于在所有页面数据请求对应的状态标识均为所述第一标识时，发送所述埋点请求至所述服务器，并将所述埋点请求对应的状态标识设置为所述第二标识。

9.一种电子设备，包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述计算机程序被所述处理器执行时实现如权利要求1至5中任一项所述的前端请求的处理方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如权利要求1至5中任一项所述的前端请求的处理方法的步骤。

Images