CN112817813B - 基于react hooks的数据收集方法、装置及设备 - Google Patents

基于react hooks的数据收集方法、装置及设备 Download PDF

Info

Publication number
CN112817813B
CN112817813B CN202110057689.1A CN202110057689A CN112817813B CN 112817813 B CN112817813 B CN 112817813B CN 202110057689 A CN202110057689 A CN 202110057689A CN 112817813 B CN112817813 B CN 112817813B
Authority
CN
China
Prior art keywords
target
attribute field
context component
dotting
component
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202110057689.1A
Other languages
English (en)
Other versions
CN112817813A (zh
Inventor
曾熙
王世杰
雷典
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Fangduoduo Network Technology Co ltd
Original Assignee
Shenzhen Fangduoduo Network Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shenzhen Fangduoduo Network Technology Co ltd filed Critical Shenzhen Fangduoduo Network Technology Co ltd
Priority to CN202110057689.1A priority Critical patent/CN112817813B/zh
Publication of CN112817813A publication Critical patent/CN112817813A/zh
Application granted granted Critical
Publication of CN112817813B publication Critical patent/CN112817813B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/3089—Monitoring arrangements determined by the means or processing involved in sensing the monitored data, e.g. interfaces, connectors, sensors, probes, agents
    • G06F11/3093—Configuration details thereof, e.g. installation, enabling, spatial arrangement of the probes
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/34—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment
    • G06F11/3438—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment monitoring of user actions
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Quality & Reliability (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Hardware Design (AREA)
  • Stored Programmes (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

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

Description

基于react hooks的数据收集方法、装置及设备
技术领域
本发明实施例涉及计算机信息处理技术领域，具体涉及一种基于react hooks的数据收集方法、装置及设备。
背景技术
埋点(打点)是为了对产品或运营数据进行分析而进行的一种统计行为。通过获取埋点数据，可以分析用户行为数据，从而可以挖掘出用户访问信息、相似用户群体、频繁访问路径和内容等有价值的信息。
目前，对于声明式埋点，一般通过提前生成某个页面对应的声明文件，当需要埋点时再将声明文件中的参数传入服务器。这使得对于每次打点除了需要获取事件打点字段外，其它一些页面顶级字段也需要在每次打点动作时都带上，给开发人员带来了大量的重复工作，增加开发成本，影响开发效率。
发明内容
鉴于上述问题，本发明实施例提供了一种基于react hooks的数据收集方法、装置及设备，用于解决现有技术中存在的埋点声明效率低的技术问题。
根据本发明实施例的一个方面，提供了一种基于react hooks的数据收集方法，所述方法包括：
接收对目标项目中目标页面的打点请求；
根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息；
根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段；
将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中；
接收在目标孙上下文组件中的打点触发事件，所述目标孙上下文组件为任意一个所述孙上下文组件；
根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。
在一种可选的方式中，所述根据所述打点触发事件、所述孙上下文组件中的目标属性字段、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据之后，包括：
将所述目标打点数据上报给打点服务器；
所述打点服务器将所述目标打点数据存储至数据库。
在一种可选的方式中，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：
根据所述打点触发事件确定所述目标孙上下文组件中的目标事件属性字段；
获取所述目标孙上下文组件对应的目标子上下文组件中的目标子属性字段；
获取所述目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段；
将所述目标事件属性字段、所述目标子属性字段及所述目标顶级属性字段拼接，得到目标打点数据。
在一种可选的方式中，所述顶层上下文组件、所述子上下文组件及所述孙上下文组件均为usecontext组件；
所述顶层上下文组件通过第一Provider组件生成第一Context对象；所述顶层上下文组件包括所述第一Provider组件；
所述子上下文组件通过所述第一Context对象共享所述顶层上下文组件中的顶级属性字段。
在一种可选的方式中，所述子上下文组件通过第二Provider组件生成第二Context对象；所述孙上下文组件通过所述第二Context对象共享所述子上下文组件中的子属性字段。
根据本发明实施例的另一方面，提供了一种基于react hooks的数据收集装置，包括：
接收模块，用于接收对目标项目中目标页面的打点请求；
获取模块，用于根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息；
确定模块，用于根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段；
声明模块，用于将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中；
触发模块，用于接收在目标孙上下文组件中的打点触发事件，所述目标孙上下文组件为任意一个所述孙上下文组件；
生成模块，用于根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。
在一种可选的方式中，所述装置还包括：
打点服务器，用于接收所述目标打点数据；
数据库，用于存储所述打点服务器发送的所述目标打点数据。
在一种可选的方式中，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：
根据所述打点触发事件确定所述目标孙上下文组件中的目标事件属性字段；
获取所述目标孙上下文组件对应的目标子上下文组件中的目标子属性字段；
获取所述目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段；
将所述目标事件属性字段、所述目标子属性字段及所述目标顶级属性字段拼接，得到目标打点数据。
根据本发明实施例的另一方面，提供了一种基于react hooks的数据收集设备，包括：
处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行所述的基于react hooks的数据收集方法的操作。
根据本发明实施例的又一方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令在基于react hooks的数据收集设备上运行时，使得基于react hooks的数据收集设备执行所述的基于react hooks的数据收集方法的操作。
本发明实施例通过采用react hooks的上下文组件形式，来传递页面属性信息，从而使得一次打点无需重复多次传参，达到了提高埋点开发效率的有益效果。
上述说明仅是本发明实施例技术方案的概述，为了能够更清楚了解本发明实施例的技术手段，而可依照说明书的内容予以实施，并且为了让本发明实施例的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。
附图说明
附图仅用于示出实施方式，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1示出了本发明实施例提供的基于react hooks的数据收集方法的流程示意图；
图2示出了本发明实施例提供的基于react hooks的数据收集装置的结构示意图；
图3示出了本发明实施例提供的基于react hooks的数据收集设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例，然而应当理解，可以以各种形式实现本发明而不应被这里阐述的实施例所限制。
React是用于构建用户界面的JAVASCRIPT库。
Hooks(钩子)：在计算机程序设计中，钩子一词涵盖了一系列技术，用于通过截获在软件组件之间传递的函数调用、消息或事件来改变或增强操作系统、应用程序或其他软件组件的行为。处理这种截获的函数调用、事件或消息的代码称为钩子。
React Hooks(钩子)：是继render-props和higher-order components之后的第三种状态共享方案。指的是在react函数组件中，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码“钩”进来。
图1示出了本发明实施例提供的基于react hooks的数据收集方法的流程图，该方法由基于react hooks的数据收集设备执行。该基于react hooks的数据收集设备可以是计算机、手机等设备。如图1所示，该方法包括以下步骤：
步骤110：接收对目标项目中目标页面的打点请求。
其中，所述目标项目指的是需要打点的网站、应用程序等。该目标项目可以包括多个目标页面。如，当目标项目为房产交易网站时，其目标页面为房产交易网站首页，也可以是房产交易网站的楼盘详情页等。
本发明实施例中，打点请求包括目标项目标识，该目标项目标识可以是目标项目的网址信息等。
步骤120：根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息。
本发明实施例中，根据打点请求中的目标项目标识可以获取该目标项目对应的目标项目信息。其中，所需要获取的目标项目信息包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息。其中，该目标页面的页面属性信息可以是html标签。该html标签中包括目标页面的多个属性字段。
步骤130：根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段。
其中，首先从该目标页面中的多个属性字段确定出需要打点的属性字段。并将需要打点的属性字段进行层级划分，划分为顶级属性字段、子属性字段及至少一个事件属性字段。该属性字段为html标签中的属性字段。其中，顶级属性字段为目标项目中所有目标页面每次打点都需要带上的属性字段，包括表示行为字段，表示行为字段包括项目名称(sourceId)、当前页面名称(PageName)等。一个目标项目对应一个sourceId，如1001。PageName表示当前目标页面的名称，例如estateDetailPage表示楼盘详情页。本发明实施例中，顶级属性字段还可以根据不同的目标项目进行相应的设置。子属性字段为不同的目标页面下，每次打点都需要带上的属性字段。如，对于目标页面为楼盘详情页时，每次打点都需要带上楼盘ID。事件属性字段为触发事件对应的属性字段，包括触发事件的名称，例如，页面展示事件对应display_page，按钮点击事件对应button_click等。
步骤140：将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中。
其中，在react hooks的顶层上下文组件中声明可复用的顶级属性字段，在子上下文组件中声明子属性字段，并在孙上下文组件中声明是按属性字段。其中，子上下文组件继承顶层上下文组件中的顶级属性字段，孙上下文组件继承子上下文组件中的子属性字段。顶层上下文组件为子上下文组件的父组件，子上下文组件为孙上下文组件的父组件。
本发明实施例中，通过react hooks的usecontext组件来定义顶级属性字段、子属性字段及事件属性字段之间的上下文关系。其中，所述顶层上下文组件、所述子上下文组件及所述孙上下文组件均为usecontext组件。usecontext组件可以实现组件之间的共享状态。
其中，所述顶层上下文组件通过第一Provider组件生成第一Context对象；所述顶层上下文组件包括所述第一Provider组件。子上下文组件通过第一Context对象共享所述顶层上下文组件中的顶级属性字段，从而实现子上下文组件对顶级属性字段的复用。
同样地，子上下文组件通过第二Provider组件生成第二Context对象；孙上下文组件通过所述第二Context对象共享所述子上下文组件中的子属性字段，从而实现孙上下文组件对子属性字段的复用。
步骤150：接收在目标孙上下文组件中的打点触发事件。
本发明实施例中，所述目标孙上下文组件为任意一个所述孙上下文组件。也即，对于一个目标项目对应有多个目标页面，每个目标页面包括有多个子上下文组件以及孙上下文组件。
其中，在接收到打点触发事件后，根据所述打点触发事件确定所述孙上下文组件中的目标事件属性字段。例如，当接收到对某个事件的触发信息后，根据事件ID确定对应的目标事件属性字段。
步骤160：根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。
其中，生成目标打点数据的步骤进一步包括：
根据打点触发事件确定所述目标孙上下文组件中的目标事件属性字段。
获取目标孙上下文组件对应的目标子上下文组件中的目标子属性字段。其中，可以确定距离目标孙上下文组件最近的子上下文组件作为目标子上下文组件，获取该目标子上下文组件中的目标子属性字段。
获取目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段。
将目标事件属性字段、目标子属性字段及目标顶级属性字段拼接，从而得到目标打点数据。
例如，对于楼盘详情页中的按钮点击事件，每次打点数据均需要携带的子属性字段为楼盘ID“estateId”，顶级属性字段为楼盘详情页“estateDetailPage”及房产交易网站名称“sourceId”。通过当打点触发事件为按钮点击事件时，确定对应的孙上下文组件中的目标属性字段为“button_click”，进一步确定离该孙上下文组件最近的子上下文组件中的子属性字段“estateId”，该子上下文组件对应的顶级上下文组件中的顶级属性信息“estateDetailPage”及“sourceId”。因此，目标打点数据为“sourceId_estateDeatilPage_button_click”。
本发明实施例通过采用react hooks的上下文组件形式，来传递页面属性信息，从而使得一次打点无需重复多次传参，达到了提高埋点开发效率的有益效果。
图2示出了本发明实施例提供的基于react hooks的数据收集装置的结构示意图。如图2所示，该装置200包括：
接收模块210，用于接收对目标项目中目标页面的打点请求。
获取模块220，用于根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息。
确定模块230，用于根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段。
声明模块240，用于将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中。
触发模块250，用于接收在目标孙上下文组件中的打点触发事件，所述目标孙上下文组件为任意一个所述孙上下文组件。
生成模块260，用于根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。
本发明实施例的装置200还包括：
打点服务器，用于接收所述目标打点数据；
数据库，用于存储所述打点服务器发送的所述目标打点数据。
本发明实施例的基于react hooks的数据收集装置的具体工作过程与上述方法实施例的具体步骤相同，此处不再赘述。
本发明实施例通过采用react hooks的上下文组件形式，来传递页面属性信息，从而使得一次打点无需重复多次传参，达到了提高埋点开发效率的有益效果。
图3示出了本发明实施例提供的基于react hooks的数据收集设备的结构示意图，本发明具体实施例并不对基于react hooks的数据收集设备的具体实现做限定。
如图3所示，该基于react hooks的数据收集设备可以包括：处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。
其中：处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。通信接口304，用于与其它设备比如客户端或其它服务器等的网元通信。处理器302，用于执行程序310，具体可以执行上述用于基于react hooks的数据收集方法实施例中的相关步骤。
具体地，程序310可以包括程序代码，该程序代码包括计算机可执行指令。
处理器302可能是中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。基于react hooks的数据收集设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个CPU；也可以是不同类型的处理器，如一个或多个CPU以及一个或多个ASIC。
存储器306，用于存放程序310。存储器306可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。
程序310具体可以被处理器302调用使基于react hooks的数据收集设备执行以下操作：
接收对目标项目中目标页面的打点请求；
根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息；
根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段；
将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中；
接收在目标孙上下文组件中的打点触发事件，所述目标孙上下文组件为任意一个所述孙上下文组件；
根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。
在一种可选的方式中，所述根据所述打点触发事件、所述孙上下文组件中的目标属性字段、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据之后，包括：
将所述目标打点数据上报给打点服务器；
所述打点服务器将所述目标打点数据存储至数据库。
在一种可选的方式中，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：
根据所述打点触发事件确定所述目标孙上下文组件中的目标事件属性字段；
获取所述目标孙上下文组件对应的目标子上下文组件中的目标子属性字段；
获取所述目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段；
将所述目标事件属性字段、所述目标子属性字段及所述目标顶级属性字段拼接，得到目标打点数据。
在一种可选的方式中，所述顶层上下文组件、所述子上下文组件及所述孙上下文组件均为usecontext组件；
所述顶层上下文组件通过第一Provider组件生成第一Context对象；所述顶层上下文组件包括所述第一Provider组件；
所述子上下文组件通过所述第一Context对象共享所述顶层上下文组件中的顶级属性字段。
在一种可选的方式中，所述子上下文组件通过第二Provider组件生成第二Context对象；所述孙上下文组件通过所述第二Context对象共享所述子上下文组件中的子属性字段。
本发明实施例通过采用react hooks的上下文组件形式，来传递页面属性信息，从而使得一次打点无需重复多次传参，达到了提高埋点开发效率的有益效果。
本发明实施例提供了一种计算机可读存储介质，所述存储介质存储有至少一可执行指令，该可执行指令在基于react hooks的数据收集设备上运行时，使得所述基于reacthooks的数据收集设备执行上述任意方法实施例中的基于react hooks的数据收集方法。
可执行指令具体可以用于使得基于react hooks的数据收集设备执行以下操作：
接收对目标项目中目标页面的打点请求；
根据所述打点请求，获取目标项目信息，所述目标项目信息中包括至少一个目标页面及所述至少一个目标页面对应的页面属性信息；
根据所述页面属性信息确定所述目标页面的至少一个顶级属性字段、至少一个子属性字段及至少一个事件属性字段；
将所述顶级属性字段声明在react hooks的顶层上下文组件中，将所述子属性字段声明在子上下文组件中，并将所述事件属性字段声明在孙上下文组件中；
接收在目标孙上下文组件中的打点触发事件，所述目标孙上下文组件为任意一个所述孙上下文组件；
根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据。
在一种可选的方式中，所述根据所述打点触发事件、所述孙上下文组件中的目标属性字段、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据之后，包括：
将所述目标打点数据上报给打点服务器；
所述打点服务器将所述目标打点数据存储至数据库。
在一种可选的方式中，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：
根据所述打点触发事件确定所述目标孙上下文组件中的目标事件属性字段；
获取所述目标孙上下文组件对应的目标子上下文组件中的目标子属性字段；
获取所述目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段；
将所述目标事件属性字段、所述目标子属性字段及所述目标顶级属性字段拼接，得到目标打点数据。
在一种可选的方式中，所述顶层上下文组件、所述子上下文组件及所述孙上下文组件均为usecontext组件；
所述顶层上下文组件通过第一Provider组件生成第一Context对象；所述顶层上下文组件包括所述第一Provider组件；
所述子上下文组件通过所述第一Context对象共享所述顶层上下文组件中的顶级属性字段。
在一种可选的方式中，所述子上下文组件通过第二Provider组件生成第二Context对象；所述孙上下文组件通过所述第二Context对象共享所述子上下文组件中的子属性字段。
本发明实施例通过采用react hooks的上下文组件形式，来传递页面属性信息，从而使得一次打点无需重复多次传参，达到了提高埋点开发效率的有益效果。
本发明实施例提供一种基于react hooks的数据收集装置，用于执行上述基于react hooks的数据收集方法。
本发明实施例提供了一种计算机程序，所述计算机程序可被处理器调用使基于react hooks的数据收集设备执行上述任意方法实施例中的基于react hooks的数据收集方法。
本发明实施例提供了一种计算机程序产品，计算机程序产品包括存储在计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令在计算机上运行时，使得所述计算机执行上述任意方法实施例中的基于react hooks的数据收集方法。
在此提供的算法或显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明实施例也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本发明并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明实施例的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。
本领域技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。上述实施例中的步骤，除有特殊说明外，不应理解为对执行顺序的限定。

Claims (8)

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所述的装置，其特征在于，所述装置还包括：
打点服务器，用于接收所述目标打点数据；
数据库，用于存储所述打点服务器发送的所述目标打点数据。
6.根据权利要求4所述的装置，其特征在于，所述根据所述打点触发事件、所述顶层上下文组件中的顶级属性字段以及所述子上下文组件中的子属性字段，生成目标打点数据，包括：
根据所述打点触发事件确定所述目标孙上下文组件中的目标事件属性字段；
获取所述目标孙上下文组件对应的目标子上下文组件中的目标子属性字段；
获取所述目标子上下文组件对应的目标顶层上下文组件中的目标顶级属性字段；
将所述目标事件属性字段、所述目标子属性字段及所述目标顶级属性字段拼接，得到目标打点数据。
7.一种基于react hooks的数据收集设备，其特征在于，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如权利要求1-3任意一项所述的基于react hooks的数据收集方法的操作。
8.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一可执行指令，所述可执行指令在基于react hooks的数据收集设备上运行时，使得基于react hooks的数据收集设备执行如权利要求1-3任意一项所述的基于react hooks的数据收集方法的操作。
CN202110057689.1A 2021-01-15 2021-01-15 基于react hooks的数据收集方法、装置及设备 Active CN112817813B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110057689.1A CN112817813B (zh) 2021-01-15 2021-01-15 基于react hooks的数据收集方法、装置及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110057689.1A CN112817813B (zh) 2021-01-15 2021-01-15 基于react hooks的数据收集方法、装置及设备

Publications (2)

Publication Number Publication Date
CN112817813A CN112817813A (zh) 2021-05-18
CN112817813B true CN112817813B (zh) 2023-06-13

Family

ID=75870252

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110057689.1A Active CN112817813B (zh) 2021-01-15 2021-01-15 基于react hooks的数据收集方法、装置及设备

Country Status (1)

Country Link
CN (1) CN112817813B (zh)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108920354A (zh) * 2018-05-07 2018-11-30 上海陆家嘴国际金融资产交易市场股份有限公司 埋点管理方法、装置、计算机设备和存储介质
CN111737032A (zh) * 2020-07-27 2020-10-02 腾讯科技（深圳）有限公司 一种基于微内核系统的子程序运行方法、装置和电子设备

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9619198B2 (en) * 2014-03-04 2017-04-11 Tribune Digital Ventures, Llc Dynamic playout of audible punctuation in connection with playout of playlist content
US10726030B2 (en) * 2015-07-31 2020-07-28 Splunk Inc. Defining event subtypes using examples
CN110188308B (zh) * 2019-05-31 2021-11-09 武汉斗鱼网络科技有限公司 客户端自动打点上报方法、存储介质、设备及系统
CN110908879B (zh) * 2019-10-16 2023-10-20 陕西合友网络科技有限公司 埋点数据的上报方法、装置、终端和存储介质

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108920354A (zh) * 2018-05-07 2018-11-30 上海陆家嘴国际金融资产交易市场股份有限公司 埋点管理方法、装置、计算机设备和存储介质
CN111737032A (zh) * 2020-07-27 2020-10-02 腾讯科技（深圳）有限公司 一种基于微内核系统的子程序运行方法、装置和电子设备

Also Published As

Publication number Publication date
CN112817813A (zh) 2021-05-18

Similar Documents

Publication Publication Date Title
US8433782B2 (en) Simplifying determination of dependencies among SOA services
AU2012256399B2 (en) Registration and execution of highly concurrent processing tasks
EP2339465B1 (en) Location independent execution of user interface operations
US10084637B2 (en) Automatic task tracking
CN111026634A (zh) 一种接口自动化测试系统、方法、装置及存储介质
CN115357761A (zh) 链路追踪方法、装置、电子设备及存储介质
US9442818B1 (en) System and method for dynamic data collection
CN114116509A (zh) 程序分析方法、装置、电子设备和存储介质
US8126931B2 (en) Method and apparatus for displaying the composition of a data structure during runtime
CN112817813B (zh) 基于react hooks的数据收集方法、装置及设备
US9430196B2 (en) Message inlining
CN112860235B (zh) 处理文本的方法、装置、设备和存储介质
CN115576624A (zh) 一种编程框架优化方法、系统、终端设备及存储介质
CN113867920A (zh) 任务处理方法、装置、电子设备和介质
CN112650502A (zh) 批处理任务处理方法、装置、计算机设备和存储介质
CN113360825A (zh) WebUI自动化测试方法、装置、电子设备及存储介质
US9800692B2 (en) Expression based declarative data service execution chaining
CN114168227B (zh) 程序调用的处理方法、电子设备及计算机存储介质
US11960560B1 (en) Methods for analyzing recurring accessibility issues with dynamic web site behavior and devices thereof
CN114268558B (zh) 监控图的生成方法、装置、设备、介质
CN112637074B (zh) web静态资源协调方法、装置及分发系统
CN115269066B (zh) 接口调用方法、设备及存储介质
CN113495720B (zh) 网站开发系统及方法
CN113051090A (zh) 接口处理方法及装置、接口调用方法及装置、系统、介质
CN118152250A (zh) 应用编程接口测试方法、装置、设备、介质和程序产品

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant