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

权利要求书

1.一种基于react hooks的数据收集方法，其特征在于，所述方法包括：

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

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

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

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

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

根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据；其中，所述子上下文组件继承顶层上下文组件中的顶级属性字段，所述孙上下文组件继承子上下文组件中的子属性字段；所述顶层上下文组件通过第一Provider组件生成第一Context对象；所述顶层上下文组件包括所述第一Provider组件；所述子上下文组件通过所述第一Context对象共享所述顶层上下文组件中的顶级属性字段；子上下文组件通过第二Provider组件生成第二Context对象；孙上下文组件通过所述第二Context对象共享所述子上下文组件中的子属性字段。

2.根据权利要求1所述的方法，其特征在于，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据之后，包括：

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

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

3.根据权利要求1所述的方法，其特征在于，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：

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

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

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

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

4.一种基于react hooks的数据收集装置，其特征在于，所述装置包括：

接收模块，用于接收对目标项目中目标页面的打点请求；

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

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

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

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

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

其中，所述子上下文组件继承顶层上下文组件中的顶级属性字段，所述孙上下文组件继承子上下文组件中的子属性字段；所述顶层上下文组件通过第一Provider组件生成第一Context对象；所述顶层上下文组件包括所述第一Provider组件；所述子上下文组件通过所述第一Context对象共享所述顶层上下文组件中的顶级属性字段；子上下文组件通过第二Provider组件生成第二Context对象；孙上下文组件通过所述第二Context对象共享所述子上下文组件中的子属性字段。

5.根据权利要求4所述的装置，其特征在于，所述装置还包括：

打点服务器，用于接收所述目标打点数据；

数据库，用于存储所述打点服务器发送的所述目标打点数据。