页面任务接入方法、装置、系统、电子设备及存储介质与流程

本公开涉及网页数据处理技术领域，尤其涉及一种页面任务接入方法、装置、系统、电子设备及存储介质。

背景技术：

随着互联网技术的快速发展，各种网络线上技术也越来越成熟，产生了各种各样的线上产品。通常，在移动互联网领域的运营体系中，有一种基于任务的运营方式，即引导用户浏览多个不同的业务页面，请用户在不同的业务页面去执行不同的任务，例如，观看视频、滑动页面、执行点赞、追加评论等等，当用户完成后予以一定的奖励。为了便于用户时刻追踪任务的执行状态，通常需要在相应的业务页面进行任务状态信息的维护。

然而，在一个项目中，业务页面的数量通常十分庞大，且不同的业务页面一般来源于不同的开发团队或不同的开发人员，分别在不同的业务页面进行任务状态信息维护的方法，使得业务页面的开发增加了很多重复行的工作，业务页面无法快速地接入到项目系统中。

技术实现要素：

本公开提供一种页面任务接入方法、装置、系统、电子设备及存储介质，以至少解决相关技术中业务页面无法快速地接入到项目系统中的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面任务接入方法，包括：

根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块；其中，所述目标任务标识对应一个目标任务；

通过所述任务模块，获取目标业务页面的交互信息，并生成与所述目标任务对应的页面任务状态；其中，所述目标业务页面为所述目标任务的关联页面，所述页面任务状态包括所述交互信息对应的任务完成状态和任务进度；

传输所述页面任务状态至任务系统，并响应于所述任务系统发出的指令，更新所述目标任务。

在一示例性实施例中，所述通过所述任务模块，获取目标业务页面的交互信息，并生成与所述目标任务对应的页面任务状态，包括：

获取所述目标业务页面；

通过所述任务模块，响应于从所述目标业务页面接收到的交互指令，生成所述页面任务状态；其中，所述交互指令由所述目标业务页面接收到的交互操作生成。

在一示例性实施例中，所述通过所述任务模块，获取目标业务页面的交互信息，并生成与所述目标任务对应的页面任务状态，包括：

通过所述任务模块获取浏览器的文件对象传输的目标业务页面的交互信息，并生成与所述目标任务对应的页面任务状态。

在一示例性实施例中，所述传输所述页面任务状态至任务系统，并响应于所述任务系统发出的指令，更新所述目标任务之后，包括：

通过预设的接口模块传输通信结果至所述任务系统，返回执行通过所述任务模块获取浏览器的文件对象传输的目标业务页面的交互信息，并生成与所述目标任务对应的页面任务状态的步骤；其中，所述通信结果为响应于所述任务系统发出的指令并更新所述目标任务的结果。

在一示例性实施例中，所述传输所述页面任务状态至任务系统，并响应于所述任务系统发出的指令，更新所述目标任务，包括：

检测所述页面任务状态是否满足预设条件，当所述页面任务状态满足所述预设条件时，传输所述页面任务状态至所述任务系统，并响应于所述任务系统发出的指令，更新所述目标任务。

在一示例性实施例中，所述当所述页面任务状态满足所述预设条件时，传输所述页面任务状态至所述任务系统，并响应于所述任务系统发出的指令，更新所述目标任务，包括：

检测所述目标任务处于预设状态的时长是否达到预设时长；

若所述目标任务处于预设状态的时长达到预设时长，则通过预设的接口模块传输所述页面任务状态至所述任务系统，并响应于所述任务系统发出的指令，更新所述目标任务。

在一示例性实施例中，所述当所述页面任务状态满足所述预设条件时，传输所述页面任务状态至所述任务系统，并响应于所述任务系统发出的指令，更新所述目标任务，包括：

检测所述页面任务状态是否为已完成；

若所述页面任务状态为已完成，则通过预设的接口模块传输所述页面任务状态至所述任务系统，并响应于所述任务系统发出的指令，更新所述目标任务。

在一示例性实施例中，所述传输所述页面任务状态至任务系统，并响应于所述任务系统发出的指令，更新所述目标任务之后，包括：

切换所述目标任务，返回执行所述根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块的步骤。

在一示例性实施例中，所述根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块之前，包括：

通过预设的接口模块获取所述目标任务标识对应的目标任务参数；其中，所述目标任务参数为按照预设的网络地址存储的任务参数或自定义生成的任务参数中的至少一种。

在一示例性实施例中，所述根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块，包括：

获取渲染信息；其中，所述取渲染信息包括所述页面任务状态在所述页面上的显示配置信息；

按照所述渲染信息，创建所述目标任务对应的挂件；其中所述挂件为按照所述渲染信息创建的渲染格式，所述渲染格式包括内部元素与显示格式；

创建根节点，并挂载所述挂件至所述根节点；

按照所述挂件设置所述目标任务标识对应的目标任务参数，得到对应的任务模块。

在一示例性实施例中，所述按照所述挂件设置所述目标任务标识对应的目标任务参数，得到对应的任务模块之后，包括：

设置所述挂件至预设位置，所述预设位置可配置。

在一示例性实施例中，，所述传输所述页面任务状态至任务系统，并响应于所述任务系统发出的指令，更新所述目标任务之后，包括：

封装所述页面任务接入方法为预设格式，得到对应的页面任务接入对象。

在一示例性实施例中，所述封装所述页面任务接入方法为预设格式，得到对应的页面任务接入对象，包括：

封装所述页面任务接入方法为javascriptsdk格式，得到对应的页面任务接入对象。

根据本公开实施例的第二方面，提供一种页面任务接入方法，包括：

通过预设的接口模块获取目标任务标识对应的目标任务参数；其中，所述目标任务标识对应一个目标任务；

获取渲染信息，并按照所述渲染信息，创建所述目标任务对应的挂件；

按照所述挂件设置所述目标任务参数，得到对应的任务模块；

通过所述任务模块，获取目标业务页面的交互信息，并生成与所述目标任务对应的页面任务状态；其中，所述目标业务页面为所述目标任务的关联页面，所述页面任务状态包括所述交互信息对应的任务完成状态和任务进度；

传输所述页面任务状态至任务系统，并响应于所述任务系统发出的指令，更新所述目标任务。

根据本公开实施例的第三方面，提供一种页面任务接入装置，包括：

任务模块生成单元，被配置为执行根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块；其中，所述目标任务标识对应一个目标任务；

页面任务状态生成单元，被配置为执行通过所述任务模块，获取目标业务页面的交互信息，并生成与所述目标任务对应的页面任务状态；其中，所述目标业务页面为所述目标任务的关联页面，所述页面任务状态包括所述交互信息对应的任务完成状态和任务进度；

目标任务更新单元，被配置为执行传输所述页面任务状态至任务系统，并响应于所述任务系统发出的指令，更新所述目标任务。

在一示例性实施例中，所述页面任务状态生成单元还被配置为执行：

获取所述目标业务页面；

通过所述任务模块，响应于从所述目标业务页面接收到的交互指令，生成所述页面任务状态；其中，所述交互指令由所述目标业务页面接收到的交互操作生成。

在一示例性实施例中，所述页面任务状态生成单元还被配置为执行：

通过所述任务模块获取浏览器的文件对象传输的目标业务页面的交互信息，并生成与所述目标任务对应的页面任务状态。

在一示例性实施例中，所述目标任务更新单元还被配置为执行：

通过预设的接口模块传输通信结果至所述任务系统，返回执行通过所述任务模块获取浏览器的文件对象传输的目标业务页面的交互信息，并生成与所述目标任务对应的页面任务状态的步骤；其中，所述通信结果为响应于所述任务系统发出的指令并更新所述目标任务的结果。

在一示例性实施例中，所述目标任务更新单元还被配置为执行：

检测所述页面任务状态是否满足预设条件，当所述页面任务状态满足所述预设条件时，传输所述页面任务状态至所述任务系统，并响应于所述任务系统发出的指令，更新所述目标任务。

在一示例性实施例中，所述目标任务更新单元还被配置为执行：

检测所述目标任务处于预设状态的时长是否达到预设时长；

若所述目标任务处于预设状态的时长达到预设时长，则通过预设的接口模块传输所述页面任务状态至所述任务系统，并响应于所述任务系统发出的指令，更新所述目标任务。

在一示例性实施例中，所述目标任务更新单元还被配置为执行：

检测所述页面任务状态是否为已完成；

若所述页面任务状态为已完成，则通过预设的接口模块传输所述页面任务状态至所述任务系统，并响应于所述任务系统发出的指令，更新所述目标任务。

在一示例性实施例中，所述目标任务更新单元还被配置为执行：

切换所述目标任务，返回执行所述根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块的步骤。

在一示例性实施例中，所述任务模块生成单元还被配置为执行：

通过预设的接口模块获取所述目标任务标识对应的目标任务参数；其中，所述目标任务参数为按照预设的网络地址存储的任务参数或自定义生成的任务参数中的至少一种。

在一示例性实施例中，所述任务模块生成单元还被配置为执行：

获取渲染信息；其中，所述取渲染信息包括所述页面任务状态在所述页面上的显示配置信息；

按照所述渲染信息，创建所述目标任务对应的挂件；其中所述挂件为按照所述渲染信息创建的渲染格式，所述渲染格式包括内部元素与显示格式；

创建根节点，并挂载所述挂件至所述根节点；

按照所述挂件设置所述目标任务标识对应的目标任务参数，得到对应的任务模块。

在一示例性实施例中，所述任务模块生成单元还被配置为执行：

设置所述挂件至预设位置，所述预设位置可配置。

在一示例性实施例中，所述目标任务更新单元还被配置为执行：

封装所述页面任务接入方法为预设格式，得到对应的页面任务接入对象。

在一示例性实施例中，所述目标任务更新单元还被配置为执行：

封装所述页面任务接入方法为javascriptsdk格式，得到对应的页面任务接入对象。

根据本公开实施例的第四方面，提供一种页面任务接入系统，包括：

目标任务参数获取单元，被配置为执行通过预设的接口模块获取目标任务标识对应的目标任务参数；其中，所述目标任务标识对应一个目标任务；

挂件生成单元，被配置为执行获取渲染信息，并按照所述渲染信息，创建所述目标任务对应的挂件；

任务模块生成单元，被配置为执行按照所述挂件设置所述目标任务参数，得到对应的任务模块；

页面任务状态生成单元，被配置为执行通过所述任务模块，获取目标业务页面的交互信息，并生成与所述目标任务对应的页面任务状态；其中，所述目标业务页面为所述目标任务的关联页面，所述页面任务状态包括所述交互信息对应的任务完成状态和任务进度；

目标任务更新单元，被配置为执行传输所述页面任务状态至任务系统，并响应于所述任务系统发出的指令，更新所述目标任务。

根据本公开实施例的第五方面，提供一种电子设备，包括：

处理器；

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

其中，所述处理器被配置为执行所述指令，以实现上述第一方面或第二方面的任一项实施例中所述的页面任务接入方法。

根据本公开实施例的第六方面，提供一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行上述第一方面或第二方面的任一项实施例中所述的页面任务接入方法。

根据本公开实施例的第七方面，提供一种计算机程序产品，所述程序产品包括计算机程序，所述计算机程序存储在可读存储介质中，设备的至少一个处理器从所述可读存储介质读取并执行所述计算机程序，使得设备执行上述第一方面或第二方面的任一项实施例中所述的页面任务接入方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块，目标任务标识对应一个目标任务，并通过任务模块，获取目标业务页面的交互信息，生成与目标任务对应的页面任务状态，该页面任务状态包括交互信息对应的任务完成状态和任务进度，传输页面任务状态至任务系统，由任务系统接收页面任务状态，同时由任务系统对页面任务状态进行控制，以使页面任务状态根据任务系统发出的指令更新目标任务，使得目标任务与对应的目标业务页面中之间的业务逻辑互相独立、互不影响，从而使得业务页面的开发过程中无需过多的关注目标任务，避免了不必要的重复性工作，使得业务页面能快速地接入到项目系统中，实现量化生产的目的。

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

附图说明

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

图1是根据一示例性实施例示出的一种页面任务接入方法的流程图。

图2是根据一示例性实施例示出的步骤s100的一种可实施方式的流程图。

图3是根据一示例性实施例示出的一种页面任务接入方法的流程图。

图4是根据一示例性实施例示出的页面任务接入框架图。

图5是根据一示例性实施例示出的页面任务接入框架图。

图6是根据一示例性实施例示出的任务模块工作示意图。

图7是根据一具体示例性实施例示出任务挂件生成示意图。

图8是根据一示例性实施例示出的一种页面任务接入装置的框图。

图9是根据一示例性实施例示出的一种页面任务接入装置框图。

图10是根据一示例性实施例示出的一种用于页面任务接入的电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种页面任务接入方法的流程图，如图1所示，包括以下步骤：

在步骤s100中，根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块；其中，目标任务标识对应一个目标任务。

在步骤s200中，通过任务模块，获取目标业务页面的交互信息，并生成与目标任务对应的页面任务状态；其中，目标业务页面为目标任务的关联页面，页面任务状态包括交互信息对应的任务完成状态和任务进度。

在步骤s300中，传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

其中，目标任务是指根据具体需求，与相应的目标业务页面对应的任务，目标业务页面为向用户展示的页面。目标任务标识是指唯一标识该目标任务的标识或者对应的索引地址。示例性地，当目标业务页面为展示给用户浏览图片的页面时，为了保证用户能够完全理解该目标业务页面中的图片的内容，需要用户浏览至少30秒，此时，浏览至少30秒即为该目标业务页面对应的目标任务。任务模块是用来处理目标任务的相关逻辑的模块，相关逻辑包括需要记录和上报的任务的完成状态和任务为进度。任务状态是指用户在业务页面执行目标任务的状态和进度，例如，用户是否在浏览图片，浏览了几张图片，浏览图片的时间为10秒、20秒或30秒等。可选地，上述仅为目标任务的举例说明，具体的目标任务还包括用户对某一目标的选择状态或其他操作等，此处并不对目标任务进行具体限定。

具体地，在获取到目标任务对应的标识信息后，根据对应的目标任务参数生成任务模块。示例性地，目标任务为在目标业务页面浏览10张图片，且需要浏览至少30秒，则任务模块可以用于监控用户浏览图片的数量和浏览时间的任务，因此，不同的目标任务对应着不同的任务模块功能。

在生成任务模块后，任务模块监控用户的交互行为，根据用户的交互行为，从目标业务页面获取与任务模块中需要监控和统计的数据对应的状态，并将这一状态确定为页面任务状态。示例性地，用户在上午10时0分0秒时操作进入目标业务页面，那么，在10时0分10秒时，该用户在目标业务页面浏览了10秒，在目标业务页面浏览10秒即为目标任务的其中一个状态。同样地，该页面有10张图片，用户浏览了3张图片，用户浏览3张图片这一状态也是目标任务的其中一个状态。

在得到页面任务状态后，传输页面任务状态至任务系统，以使任务系统根据相应地页面任务状态对目标任务或目标业务页面进行相应地处理，并根据处理结果生成对应的任务处理指令，以更新目标任务。示例性地，用户浏览目标业务页面的时间达到了预设的30秒，或者用户浏览了预设的3张图片，则说明该用户完成了目标任务，则将这一状态进行上报，用于更换任务或予以奖励，其中，予以奖励的操作也可以看作是更新后的一种任务。

上述页面任务接入方法，根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块，目标任务标识对应一个目标任务，并通过任务模块，获取目标业务页面的交互信息，生成与目标任务对应的页面任务状态，该页面任务状态包括交互信息对应的任务完成状态和任务进度，传输页面任务状态至任务系统，由任务系统接收页面任务状态，同时由任务系统对页面任务状态进行控制，以使页面任务状态根据任务系统发出的指令更新目标任务，使得目标任务与对应的目标业务页面中之间的业务逻辑互相独立、互不影响，从而使得业务页面的开发过程中无需过多的关注目标任务，避免了不必要的重复性工作，使得业务页面能快速地接入到项目系统中，实现量化生产的目的。

在一示例性实施例中，为步骤s200的一种可实施方式，包括：

获取目标业务页面；通过任务模块，响应于从目标业务页面接收到的交互指令，生成页面任务状态；其中，交互指令由目标业务页面接收到的交互操作生成。

其中，交互指令是指用户在目标业务页面的操作而生成的指令，例如，点击进入目标业务页面，在目标业务页面进行浏览，滑动页面、执行点赞、追加评论等交互行为。

具体地，根据目标业务页面接收到的交互指令，判断目标任务执行的状态，页面任务状态包括交互信息对应的任务完成状态和任务进度。示例性地，用户在上午10时0分0秒时操作进入目标业务页面，那么，在10时0分10秒时，该用户在目标业务页面浏览了10秒，在目标业务页面浏览10秒这一状态即为目标任务的其中一个状态。同样地，该页面有10张图片，用户浏览了3张图片，用户浏览3张图片这一状态也是目标任务的其中一个状态。或者，用户在该目标业务页面浏览的图片的数量等，也是目标任务的一种状态。具体的状态统计并不限于是上述的浏览时间和浏览数量，具体的页面任务状态的统计根据不同的目标任务的要求而不同。

上述示例性实施例中，获取目标业务页面；通过任务模块，响应于从目标业务页面接收到的交互指令，生成页面任务状态；其中，交互指令由目标业务页面接收到的交互操作生成。从而通过捕获用户的交互行为，统计到目标任务在目标业务页面上的执行状态，使得页面任务状态与目标业务页面中的业务逻辑分离开来，使得业务页面的开发过程中无需关注和维护页面任务状态，避免了不必要的重复行工作，使得业务页面能快速地接入到项目系统中，能够进行业务页面的量化生产。

在一示例性实施例中，为步骤s200的一种可实施方式，包括：

通过任务模块获取浏览器的文件对象传输的目标业务页面的交互信息，并生成与目标任务对应的页面任务状态。

具体地，可以通过浏览器的文件对象(document对象)获取标业务页面上用户进行操作等生成的交互信息，根据用户该交互信息确定页面任务状态。

可选地，在步骤s300之后，通过预设的接口模块传输通信结果至任务系统，并返回执行步骤s200以实现目标任务的实时更新。其中，通信结果为响应于任务系统发出的指令并更新目标任务的结果。

上述示例性实施例中，通过任务模块获取浏览器的文件对象传输的目标业务页面的交互信息，生成与目标任务对应的页面任务状态，并通过预设的接口模块传输通信结果至任务系统。从而能够实时更新目标任务，保证目标任务在目标业务页面同步更新，保证后台逻辑与目标业务页面显示的一致性。

在一示例性实施例中，为步骤s300的一种可实施方式，包括：

检测页面任务状态是否满足预设条件，当页面任务状态满足预设条件时，传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

可选地，检测目标任务处于预设状态的时长是否达到预设时长；若目标任务处于预设状态的时长达到预设时长，则通过预设的接口模块传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

可选地，检测页面任务状态是否为已完成；若页面任务状态为已完成，则通过预设的接口模块传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

具体地，检测目标任务处于预设状态的时长是否达到预设时长，或检测页面任务状态是否为已完成，若目标任务处于预设状态的时长达到预设时长，或，页面任务状态为已完成，说明该目标任务一完成或者达到阶段性完成，则通过预设的接口模块传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

可选地，在步骤s300之后还包括：切换目标任务，返回执行根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块的步骤。

具体地，在完成一个目标任务后，根据任务标识，切换目标任务，并生成对应的任务模块，对切换后的目标任务进行监控和管理。在用户完成相应的目标任务后，指示进行下一任务的指令，进行目标任务的切换，并执行根据获取到的目标任务标识对应的任务参数，生成对应的任务模块的步骤，进行新一轮的任务监控。

可选地，通过预设的接口模块获取目标任务标识对应的目标任务参数；其中，目标任务参数为按照预设的网络地址存储的任务参数或自定义生成的任务参数中的至少一种。

具体地，目标任务标识对应的目标任务参数是通过预设的接口模块获取的。通过预设的接口模块，按照预设的网络地址存储的任务参数获取目标任务参数，或通过预设的接口模块自定义生成的任务参数。

可选地，当接收到第一指令时，开始计时，得到计时参数；或，当接收到第一指令时，检测目标业务页面中的任务进度；将计时参数和/或任务进度，确定为页面任务状态。

具体地，很大一部分的任务类型为计时任务，关于此种类型的任务，由任务模块根据用户操作得到的第一指令，判断任务状态。或者，直接检测目标业务页面中的任务进度，例如浏览了几张图片，然后将检测结果通过接口模块进行传输，通过外部的电子设备进行任务状态的判断。

可选地，可以将任务模块与目标业务页面进行简单的通信，如此，将需要进行通信和必要的非重复性逻辑交互，也能避免一些不必要的重复的工作，使得目标业务页面能快速地接入到项目系统中。

上述示例性实施例中，检测页面任务状态是否满足预设条件，当页面任务状态满足预设条件时，传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。从而能够实时更新目标任务，保证目标任务在目标业务页面同步更新，保证后台逻辑与目标业务页面显示的一致性。能够在一个目标任务完成后，及时进行目标任务的调整，减少了用户的操作，能一定程度提高用户体验。

图2是根据一示例性实施例示出的步骤s100的一种可实施方式的流程图，具体包括以下步骤：

在步骤s110中，获取渲染信息；其中，取渲染信息包括页面任务状态在页面上的显示配置信息。

在步骤s120中，按照渲染信息，创建目标任务对应的挂件；其中挂件为按照渲染信息创建的渲染格式，渲染格式包括内部元素与显示格式。

在步骤s130中，创建根节点，并挂载挂件至根节点。

在步骤s140中，按照挂件设置目标任务标识对应的目标任务参数，得到对应的任务模块。

其中，渲染信息是指从模型生成图像或显示页面的参数等信息，例如，三维物体的描述，包括几何、视点、纹理以及照明信息。

具体地，获取包括页面任务状态在页面上的显示配置信息等渲染信息，并按照渲染信息包括内部元素与显示格式的挂件，按照根节点将挂件进行挂载，并按照挂件设置目标任务标识对应的目标任务参数，得到对应的任务模块。

示例性地，为了便于用户实时掌握自己做任务的进度，可以根据任务状态和任务模块，生成任务状态视图，并以挂件的形式设置于目标业务页面，使用户能够看到目标任务的执行状态，实时掌握自己做任务的进度。

可选地，设置挂件至预设位置，预设位置可配置。

可选地，封装页面任务接入方法为预设格式，得到对应的页面任务接入对象。

可选地，封装页面任务接入方法为javascriptsdk格式，得到对应的页面任务接入对象。

具体地，任务挂件在目标业务页面的显示位置可动态调整，使用户可以调整挂件的显示位置，避免遮挡有用信息的状况，提高用于的体验性。并将整个页面接入方法封装为javascriptsdk格式，作为一个页面任务的接入对象接入任务系统，避免外界因素对页面接入方法的干扰，提高页面任务接入的稳定性。

上述各示例性实施例中，获取渲染信息；其中，取渲染信息包括页面任务状态在页面上的显示配置信息；按照渲染信息，创建目标任务对应的挂件；其中挂件为按照渲染信息创建的渲染格式，渲染格式包括内部元素与显示格式；创建根节点，并挂载挂件至根节点；按照挂件设置目标任务标识对应的目标任务参数，得到对应的任务模块。从而能够根据渲染信息，以一定的形式在目标业务页面显示对应的目标任务，是的用户能够实时感知可视化的目标任务挂件，提供用户的体验性。

图3是根据一示例性实施例示出的一种页面任务接入方法的流程图，如图3所示，包括以下步骤：

在步骤s10中，通过预设的接口模块获取目标任务标识对应的目标任务参数；其中，目标任务标识对应一个目标任务。

在步骤s20中，获取渲染信息，并按照渲染信息，创建目标任务对应的挂件。

在步骤s30中，按照挂件设置目标任务参数，得到对应的任务模块。

在步骤s40中，通过任务模块，获取目标业务页面的交互信息，并生成与目标任务对应的页面任务状态；其中，目标业务页面为目标任务的关联页面，页面任务状态包括交互信息对应的任务完成状态和任务进度。

在步骤s50中，传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

其中，目标任务是指根据具体需求，与相应的目标业务页面对应的任务，目标业务页面为向用户展示的页面。目标任务标识是指唯一标识该目标任务的标识或者对应的索引地址。示例性地，当目标业务页面为展示给用户浏览图片的页面时，为了保证用户能够完全理解该目标业务页面中的图片的内容，需要用户浏览至少30秒，此时，浏览至少30秒即为该目标业务页面对应的目标任务。任务模块是用来处理目标任务的相关逻辑的模块，相关逻辑包括需要记录和上报的任务的完成状态和任务为进度。任务状态是指用户在业务页面执行目标任务的状态和进度，例如，用户是否在浏览图片，浏览了几张图片，浏览图片的时间为10秒、20秒或30秒等。可选地，上述仅为目标任务的举例说明，具体的目标任务还包括用户对某一目标的选择状态或其他操作等，此处并不对目标任务进行具体限定。渲染信息是指从模型生成图像或显示页面的参数等信息，例如，三维物体的描述，包括几何、视点、纹理以及照明信息。

具体地，通过预设的接口模块获取目标任务标识对应的目标任务参数后，获取渲染信息，并按照渲染信息，创建目标任务对应的挂件，按照挂件设置目标任务参数，得到对应的任务模块。示例性地，目标任务为在目标业务页面浏览10张图片，且需要浏览至少30秒，则任务模块可以用于监控用户浏览图片的数量和浏览时间的任务，因此，不同的目标任务对应着不同的任务模块功能。

在生成任务模块后，任务模块监控用户的交互行为，根据用户的交互行为，从目标业务页面获取与任务模块中需要监控和统计的数据对应的状态，并将这一状态确定为页面任务状态。示例性地，用户在上午10时0分0秒时操作进入目标业务页面，那么，在10时0分10秒时，该用户在目标业务页面浏览了10秒，在目标业务页面浏览10秒即为目标任务的其中一个状态。同样地，该页面有10张图片，用户浏览了3张图片，用户浏览3张图片这一状态也是目标任务的其中一个状态。

在得到页面任务状态后，传输页面任务状态至任务系统，以使任务系统根据相应地页面任务状态对目标任务或目标业务页面进行相应地处理，并根据处理结果生成对应的任务处理指令，以更新目标任务。示例性地，用户浏览目标业务页面的时间达到了预设的30秒，或者用户浏览了预设的3张图片，则说明该用户完成了目标任务，则将这一状态进行上报，用于更换任务或予以奖励，其中，予以奖励的操作也可以看作是更新后的一种任务。

上述页面任务接入方法，通过预设的接口模块获取目标任务标识对应的目标任务参数后，获取渲染信息，并按照渲染信息，创建目标任务对应的挂件，按照挂件设置目标任务参数，得到对应的任务模块，获取目标业务页面的交互信息，生成与目标任务对应的页面任务状态，该页面任务状态包括交互信息对应的任务完成状态和任务进度，传输页面任务状态至任务系统，由任务系统接收页面任务状态，同时由任务系统对页面任务状态进行控制，以使页面任务状态根据任务系统发出的指令更新目标任务，使得目标任务与对应的目标业务页面中之间的业务逻辑互相独立、互不影响，从而使得业务页面的开发过程中无需过多的关注目标任务，避免了不必要的重复性工作，使得业务页面能快速地接入到项目系统中，实现量化生产的目的。

在一具体示例性实施例中，如图4所示，是根据一示例性实施例示出的页面任务接入框架图，可以将该页面任务接入方法分为“任务目录”、“任务挂件”两个部分，其中“任务挂件”又可分为“渲染模块”、“任务模块”和“接口模块”三个部分。

任务目录汇总了各个任务的标识和地址，用来向用户派发任务页面url。在这个过程中，后台的任务系统直接将任务的参数拼接在这个url后面，作为任务页面的参数。

页面参数可以为：https://example.com/？task_id＝6&task_time＝5&task_reward＝100。

可选地，该参数不与原页面的预定义参数重名，不能被原页面的前后端任何一个角色所使用。

任务挂件是一套运行在任务页面的sdk，通常由javascript或者相关语言所编写。它的职责包括展现任务状态、跟踪任务进度、与宿主业务页面通信。如图5所示，是根据一示例性实施例示出页面任务接入框架图。首先，从url中读取任务参数，并用该参数创建任务模块，在根据任务模块进行农户交互行为捕捉，在用户交互行为被捕捉后，上报任务服务器，触发任务状态视图。该任务挂件渲染的可见视图部分一般悬浮于屏幕的固定位置，不随页面滚动而变化位置，以便于用户实时观察任务状态变化。为了便于众多任务页面低成本接入该sdk，将全部逻辑封装成有固定url地址的javascript文件，然后由任务页面嵌入一行script标签：<scriptsrc＝”https://fix-url/pendant.js”></script>。初始化任务挂件所需的全部参数，都来自于后台任务系统输出在当前目标任务页面的url参数，任务模块不必手动编写初始化挂件的代码。

任务挂件中的接口模块，负责挂件sdk与作为宿主的任务页面之间的通信。一般来说，由于解耦的需要，任务挂件与业务页面不需要通信。考虑到通用性，也会提供一定的定制化通信能力。可选地，读取任务初始化参数，除了从url处读取之外，也可以进行任务页面自定义初始化参数，作为全局变量被挂件sdk所读取；任务状态成功上报之后通报给任务页面，便于任务页面执行额外的逻辑，比如日志记录；便于sdk无法自行追踪到的交互，触发任务状态的变动。因此，挂件的“接口模块”预定义多个事件名和对应的事件对象结构，以实现与任务页面之间的双向通信。当然，根据初始化参数的不同，部分事件可能无效。为了使得双方依然无需关心对方的api，全局事件是一种比较友好的方式，这在一定程度上属于数据解耦的设计范畴。浏览器的document对象可以是一个很好的事件处理器，可以用来收发事件。示例性地，对于一种挂件sdk无法自行捕获到的交互变更，任务页面可以编程来进行通知，无需关心任务挂件是否以及怎样暴露接口对象。

任务挂件中的任务模块是专门处理任务相关的逻辑，包括记录和上报任务进度。示例性地，对于占绝大多数的任务类型计时任务，任务模块负责自行判断任务的执行状态。对于其它特殊的任务类型，则由“接口模块”负责告知任务状态的变更。当任务阶段性里程碑达成之后，该模块负责上报任务状态，通过xmlhttprequestapi来直接向任务服务器发起请求，免去了任务页面代理请求的麻烦。如图6所示，是根据一示例性实施例示出的任务模块工作示意图。由于跨域上报的不确定性更大，一旦发生上报失败，则至少重试一次。无论上报成功还是失败，都会将结果通知给“接口模块”，进而向document派发事件，通知任务页面以当前任务状态。

任务挂件中的渲染模块是用来对任务挂件的外观进行渲染的模块。可以将任务挂件外观渲染出与业务页面统一的视觉效果，使得同一套运营活动具备一致的任务交互体验。

可选地，关于挂件元素的创建，由于任务页面技术方案的多样性，前端无论输出react、vue还是其它规范的模块都达不到兼容所有任务页面的目的，因此，虽然比较麻烦，使用原生domapi来创建挂件元素，以及赋值视觉样式，是达到全面兼容的手段。如图7所示，是根据一示例性实施例示出的任务挂件生成示意图。首先进行文件准备(documentready)，创建根节点，并将挂件根元素挂载到html的<body>元素下，并以固定定位(position:fixed)的方式，布置于屏幕的任意角落里。可选地，无论放置在什么位置，都有可能遮挡任务页面的关键信息，因此挂件元素还必须支持可拖动。接着创建内部元素与样式，并监听交互事件。可选地，为了dom节点的安全访问，一般在documentready之后，即当前页面其它元素都已经渲染好，重要资源都加载好之后，再进行挂件的初始化。基于以上设计的任务挂件，在将任务逻辑、渲染逻辑完全封装成统一javascriptsdk、实现任务页面0成本接入的同时，也提供了与任务页面进一步交互，实现特殊任务页面定制化的能力。

上述示例性实施例中，通过页面地址参数的任务参数传递；完全封装的任务信息展现与同步机制；技术方案中立的任务挂件展现；基于事件的页面与挂件通信机制。使得业务页面接入运营任务系统的成本大大降低，几乎为0，允许批量生产任务页面；且提供了为特殊任务页面定制化更丰富的与任务系统联动交互的能力。

应该理解的是，虽然图1-7的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1-6中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

图8是根据一示例性实施例示出的一种页面任务接入装置框图。参照图8，该装置包括任务模块生成单元801、页面任务状态生成单元802和目标任务更新单元803：

任务模块生成单元801，被配置为执行根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块；其中，目标任务标识对应一个目标任务；

页面任务状态生成单元802，被配置为执行通过任务模块，获取目标业务页面的交互信息，并生成与目标任务对应的页面任务状态；其中，目标业务页面为目标任务的关联页面，页面任务状态包括交互信息对应的任务完成状态和任务进度；

目标任务更新单元803，被配置为执行传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

在一示例性实施例中，页面任务状态生成单元802还被配置为执行：获取目标业务页面；通过任务模块，响应于从目标业务页面接收到的交互指令，生成页面任务状态；其中，交互指令由目标业务页面接收到的交互操作生成。

在一示例性实施例中，页面任务状态生成单元802还被配置为执行：通过任务模块获取浏览器的文件对象传输的目标业务页面的交互信息，并生成与目标任务对应的页面任务状态。

在一示例性实施例中，目标任务更新单元803还被配置为执行：通过预设的接口模块传输通信结果至任务系统，返回执行通过任务模块获取浏览器的文件对象传输的目标业务页面的交互信息，并生成与目标任务对应的页面任务状态的步骤；其中，通信结果为响应于任务系统发出的指令并更新目标任务的结果。

在一示例性实施例中，目标任务更新单元803还被配置为执行：检测页面任务状态是否满足预设条件，当页面任务状态满足预设条件时，传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

在一示例性实施例中，目标任务更新单元803还被配置为执行：检测目标任务处于预设状态的时长是否达到预设时长；若目标任务处于预设状态的时长达到预设时长，则通过预设的接口模块传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

在一示例性实施例中，目标任务更新单元803还被配置为执行：检测页面任务状态是否为已完成；若页面任务状态为已完成，则通过预设的接口模块传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

在一示例性实施例中，目标任务更新单元803还被配置为执行：切换目标任务，返回执行根据获取到的目标任务标识对应的目标任务参数，生成对应的任务模块的步骤。

在一示例性实施例中，任务模块生成单元801还被配置为执行：通过预设的接口模块获取目标任务标识对应的目标任务参数；其中，目标任务参数为按照预设的网络地址存储的任务参数或自定义生成的任务参数中的至少一种。

在一示例性实施例中，任务模块生成单元801还被配置为执行：获取渲染信息；其中，取渲染信息包括页面任务状态在页面上的显示配置信息；按照渲染信息，创建目标任务对应的挂件；其中挂件为按照渲染信息创建的渲染格式，渲染格式包括内部元素与显示格式；创建根节点，并挂载挂件至根节点；按照挂件设置目标任务标识对应的目标任务参数，得到对应的任务模块。

在一示例性实施例中，任务模块生成单元801还被配置为执行：设置挂件至预设位置，预设位置可配置。

在一示例性实施例中，目标任务更新单元803还被配置为执行：封装页面任务接入方法为预设格式，得到对应的页面任务接入对象。

在一示例性实施例中，目标任务更新单元803还被配置为执行：封装页面任务接入方法为javascriptsdk格式，得到对应的页面任务接入对象。

图9是根据一示例性实施例示出的一种页面任务接入系统框图。参照图9，该装置包括目标任务参数获取单元901、挂件生成单元902、任务模块生成单元903、页面任务状态生成单元904和目标任务更新单元905：

目标任务参数获取单元901，被配置为执行通过预设的接口模块获取目标任务标识对应的目标任务参数；其中，目标任务标识对应一个目标任务；

挂件生成单元902，被配置为执行获取渲染信息，并按照渲染信息，创建目标任务对应的挂件；

任务模块生成单元903，被配置为执行按照挂件设置目标任务参数，得到对应的任务模块；

页面任务状态生成单元904，被配置为执行通过任务模块，获取目标业务页面的交互信息，并生成与目标任务对应的页面任务状态；其中，目标业务页面为目标任务的关联页面，页面任务状态包括交互信息对应的任务完成状态和任务进度；

目标任务更新单元905，被配置为执行传输页面任务状态至任务系统，并响应于任务系统发出的指令，更新目标任务。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法或系统的实施例中进行了详细描述，此处将不做详细阐述说明。

图10是根据一示例性实施例示出的一种用于页面任务接入的电子设备1000的框图。例如，设备1000可以是移动电话、计算机、数字广播终端、消息收发设备、游戏控制台、平板设备、医疗设备、健身设备、个人数字助理等。

参照图10，设备1000可以包括以下一个或多个组件：处理组件1002、存储器1004、电力组件1006、多媒体组件1008、音频组件1010、输入/输出(i/o)的接口1012、传感器组件1014以及通信组件1016。

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

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

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

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

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

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

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

通信组件1016被配置为便于设备1000和其他设备之间有线或无线方式的通信。设备1000可以接入基于通信标准的无线网络，如wifi，运营商网络(如2g、3g、4g或5g)，或它们的组合。在一个示例性实施例中，通信组件1016经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件1016还包括近场通信(nfc)模块，以促进短程通信。

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

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

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

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