本发明专利技术实施例涉及计算机信息处理技术领域，公开了一种基于react hooks的数据收集基于react hooks的数据收集方法，包括：接收对目标项目中目标页面的打点请求；根据打点请求，获取目标项目信息，目标项目信息中包括目标页面及目标页面对应的页面属性信息；根据页面属性信息确定目标页面的顶级属性字段、子属性字段及事件属性字段；将顶级属性字段声明在reacthooks的顶层上下文组件中，将子属性字段声明在子上下文组件中，并将事件属性字段声明在孙上下文组件中；接收在目标孙上下文组件中的打点触发事件；根据打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。本发明专利技术实施例实现了简便高效打点的有益效果。发明专利技术实施例实现了简便高效打点的有益效果。发明专利技术实施例实现了简便高效打点的有益效果。
【技术实现步骤摘要】
基于react hooks的数据收集方法、装置及设备
[0001]本专利技术实施例涉及计算机信息处理
，具体涉及一种基于react hooks的数据收集方法、装置及设备。
技术介绍
[0002]埋点(打点)是为了对产品或运营数据进行分析而进行的一种统计行为。通过获取埋点数据，可以分析用户行为数据，从而可以挖掘出用户访问信息、相似用户群体、频繁访问路径和内容等有价值的信息。
[0003]目前，对于声明式埋点，一般通过提前生成某个页面对应的声明文件，当需要埋点时再将声明文件中的参数传入服务器。这使得对于每次打点除了需要获取事件打点字段外，其它一些页面顶级字段也需要在每次打点动作时都带上，给开发人员带来了大量的重复工作，增加开发成本，影响开发效率。
技术实现思路
[0004]鉴于上述问题，本专利技术实施例提供了一种基于react hooks的数据收集方法、装置及设备，用于解决现有技术中存在的埋点声明效率低的技术问题。
[0005]根据本专利技术实施例的一个方面，提供了一种基于react hooks的数据收集方法，所述方法包括：
[0006]接收对目标项目中目标页面的打点请求；
[0007]根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息；
[0008]根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段；
[0009]将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中；
[0010]接收在目标孙上下文组件中的打点触发事件，所述目标孙上下文组件为任意一个所述孙上下文组件；
[0011]根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。
[0012]在一种可选的方式中，所述根据所述打点触发事件、所述孙上下文组件中的目标属性字段、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据之后，包括：
[0013]将所述目标打点数据上报给打点服务器；
[0014]所述打点服务器将所述目标打点数据存储至数据库。
[0015]在一种可选的方式中，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：
[0016]根据所述打点触发事件确定所述目标孙上下文组件中的目标事件属性字段；
[0017]获取所述目标孙上下文组件对应的目标子上下文组件中的目标子属性字段；
[0018]获取所述目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段；
[0019]将所述目标事件属性字段、所述目标子属性字段及所述目标顶级属性字段拼接，得到目标打点数据。
[0020]在一种可选的方式中，所述顶层上下文组件、所述子上下文组件及所述孙上下文组件均为usecontext组件；
[0021]所述顶层上下文组件通过第一Provider组件生成第一Context对象；所述顶层上下文组件包括所述第一Provider组件；
[0022]所述子上下文组件通过所述第一Context对象共享所述顶层上下文组件中的顶级属性字段。
[0023]在一种可选的方式中，所述子上下文组件通过第二Provider组件生成第二Context对象；所述孙上下文组件通过所述第二Context对象共享所述子上下文组件中的子属性字段。
[0024]根据本专利技术实施例的另一方面，提供了一种基于react hooks的数据收集装置，包括：
[0025]接收模块，用于接收对目标项目中目标页面的打点请求；
[0026]获取模块，用于根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息；
[0027]确定模块，用于根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段；
[0028]声明模块，用于将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中；
[0029]触发模块，用于接收在目标孙上下文组件中的打点触发事件，所述目标孙上下文组件为任意一个所述孙上下文组件；
[0030]生成模块，用于根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。
[0031]在一种可选的方式中，所述装置还包括：
[0032]打点服务器，用于接收所述目标打点数据；
[0033]数据库，用于存储所述打点服务器发送的所述目标打点数据。
[0034]在一种可选的方式中，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：
[0035]根据所述打点触发事件确定所述目标孙上下文组件中的目标事件属性字段；
[0036]获取所述目标孙上下文组件对应的目标子上下文组件中的目标子属性字段；
[0037]获取所述目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段；
[0038]将所述目标事件属性字段、所述目标子属性字段及所述目标顶级属性字段拼接，得到目标打点数据。
[0039]根据本专利技术实施例的另一方面，提供了一种基于react hooks的数据收集设备，包括：
[0040]处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
[0041]所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行所述的基于react hooks的数据收集方法的操作。
[0042]根据本专利技术实施例的又一方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令在基于react hooks的数据收集设备上运行时，使得基于react hooks的数据收集设备执行所述的基于react hooks的数据收集方法的操作。
[0043]本专利技术实施例通过采用react hooks的上下文组件形式，来传递页面属性信息，从而使得一次打点无需重复多次传参，达到了提高埋点开发效率的有益效果。
[0044]上述说明仅是本专利技术实施例技术方案的概述，为了能够更清楚了解本专利技术实施例的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术实施例的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。
附图说明
[0045]附图仅用于示出实施方式，而并不认为是对本专利技术的限制。而且在整个附图本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种基于react hooks的数据收集方法，其特征在于，所述方法包括：接收对目标项目中目标页面的打点请求；根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息；根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段；将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中；接收在目标孙上下文组件中的打点触发事件，所述目标孙上下文组件为任意一个所述孙上下文组件；根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。2.根据权利要求1所述的方法，其特征在于，所述根据所述打点触发事件、所述孙上下文组件中的目标属性字段、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据之后，包括：将所述目标打点数据上报给打点服务器；所述打点服务器将所述目标打点数据存储至数据库。3.根据权利要求1所述的方法，其特征在于，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：根据所述打点触发事件确定所述目标孙上下文组件中的目标事件属性字段；获取所述目标孙上下文组件对应的目标子上下文组件中的目标子属性字段；获取所述目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段；将所述目标事件属性字段、所述目标子属性字段及所述目标顶级属性字段拼接，得到目标打点数据。4.根据权利要求1所述的方法，其特征在于，所述顶层上下文组件、所述子上下文组件及所述孙上下文组件均为usecontext组件；所述顶层上下文组件通过第一Provider组件生成第一Context对象；所述顶层上下文组件包括所述第一Provider组件；所述子上下文组件通过所述第一Context对象共享所述顶层上下文组件中的顶级属性字段。5.根据权利要求4所述的方法，其特征在于，所述子上下文组件通过第二Provider组件生成第二Context对象；所述孙上下文组件通过所述第二Context对象共享所述子上下文组件中的子属性字段。6.一种基于react hooks的数据收集装...
【专利技术属性】
技术研发人员：曾熙，王世杰，雷典，
申请(专利权)人：深圳市房多多网络科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。