[发明专利]基于react hooks的数据收集方法、装置及设备

说明书

本发明实施例涉及计算机信息处理技术领域，公开了一种基于react hooks的数据收集基于react hooks的数据收集方法，包括：接收对目标项目中目标页面的打点请求；根据打点请求，获取目标项目信息，目标项目信息中包括目标页面及目标页面对应的页面属性信息；根据页面属性信息确定目标页面的顶级属性字段、子属性字段及事件属性字段；将顶级属性字段声明在reacthooks的顶层上下文组件中，将子属性字段声明在子上下文组件中，并将事件属性字段声明在孙上下文组件中；接收在目标孙上下文组件中的打点触发事件；根据打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。本发明实施例实现了简便高效打点的有益效果。

技术领域

本发明实施例涉及计算机信息处理技术领域，具体涉及一种基于react hooks的数据收集方法、装置及设备。

背景技术

埋点(打点)是为了对产品或运营数据进行分析而进行的一种统计行为。通过获取埋点数据，可以分析用户行为数据，从而可以挖掘出用户访问信息、相似用户群体、频繁访问路径和内容等有价值的信息。

目前，对于声明式埋点，一般通过提前生成某个页面对应的声明文件，当需要埋点时再将声明文件中的参数传入服务器。这使得对于每次打点除了需要获取事件打点字段外，其它一些页面顶级字段也需要在每次打点动作时都带上，给开发人员带来了大量的重复工作，增加开发成本，影响开发效率。

发明内容

鉴于上述问题，本发明实施例提供了一种基于react hooks的数据收集方法、装置及设备，用于解决现有技术中存在的埋点声明效率低的技术问题。

根据本发明实施例的一个方面，提供了一种基于react hooks的数据收集方法，所述方法包括：

接收对目标项目中目标页面的打点请求；

根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息；

根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段；

将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中；

接收在目标孙上下文组件中的打点触发事件，所述目标孙上下文组件为任意一个所述孙上下文组件；

根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。

在一种可选的方式中，所述根据所述打点触发事件、所述孙上下文组件中的目标属性字段、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据之后，包括：

将所述目标打点数据上报给打点服务器；

所述打点服务器将所述目标打点数据存储至数据库。

在一种可选的方式中，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：

根据所述打点触发事件确定所述目标孙上下文组件中的目标事件属性字段；

获取所述目标孙上下文组件对应的目标子上下文组件中的目标子属性字段；

获取所述目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段；

将所述目标事件属性字段、所述目标子属性字段及所述目标顶级属性字段拼接，得到目标打点数据。