基于reacthooks的数据收集方法、装置及设备制造方法及图纸

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

【技术实现步骤摘要】
基于react hooks的数据收集方法、装置及设备


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

技术介绍

[0002]埋点(打点)是为了对产品或运营数据进行分析而进行的一种统计行为。通过获取埋点数据，可以分析用户行为数据，从而可以挖掘出用户访问信息、相似用户群体、频繁访问路径和内容等有价值的信息。
[0003]目前，对于声明式埋点，一般通过提前生成某个页面对应的声明文件，当需要埋点时再将声明文件中的参数传入服务器。这使得对于每次打点除了需要获取事件打点字段外，其它一些页面顶级字段也需要在每次打点动作时都带上，给开发人员带来了大量的重复工作，增加开发成本，影响开发效率。

技术实现思路

[0004]鉴于上述问题，本专利技术实施例提供了一种基于react hooks的数据收集方法、装置及设备，用于解决现有技术中存在的埋点声明效率低的技术问题。
[0005]根据本专利技术实施例的一个方面，提供了一种基于react hooks的数据收集方法，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于react hooks的数据收集方法，其特征在于，所述方法包括：接收对目标项目中目标页面的打点请求；根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息；根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段；将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中；接收在目标孙上下文组件中的打点触发事件，所述目标孙上下文组件为任意一个所述孙上下文组件；根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。2.根据权利要求1所述的方法，其特征在于，所述根据所述打点触发事件、所述孙上下文组件中的目标属性字段、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据之后，包括：将所述目标打点数据上报给打点服务器；所述打点服务器将所述目标打点数据存储至数据库。3.根据权利要求1所述的方法，其特征在于，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：根据所述打点触发事件确定所述目标孙上下文组件中的目标事件属性字段；获取所述目标孙上下文组件对应的目标子上下文组件中的目标子属性字段；获取所述目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段；将所述目标事件属性字段、所述目标子属性字段及所述目标顶级属性字段拼接，得到目标打点数据。4.根据权利要求1所述的方法，其特征在于，所述顶层上下文组件、所述子上下文组件及所述孙上下文组件均为usecontext组件；所述顶层上下文组件通过第一Provider组件生成第一Context对象；所述顶层上下文组件包括所述第一Provider组件；所述子上下文组件通过所述第一Context对象共享所述顶层上下文组件中的顶级属性字段。5.根据权利要求4所述的方法，其特征在于，所述子上下文组件通过第二Provider组件生成第二Context对象；所述孙上下文组件通过所述第二Context对象共享所述子上下文组件中的子属性字段。6.一种基于react hooks的数据收集装...

【专利技术属性】
技术研发人员：曾熙，王世杰，雷典，
申请(专利权)人：深圳市房多多网络科技有限公司，
类型：发明
国别省市：