CN111858252A - 基于前端框架的动态埋点方法及装置 - Google Patents

基于前端框架的动态埋点方法及装置 Download PDF

Info

Publication number
CN111858252A
CN111858252A CN202010716497.2A CN202010716497A CN111858252A CN 111858252 A CN111858252 A CN 111858252A CN 202010716497 A CN202010716497 A CN 202010716497A CN 111858252 A CN111858252 A CN 111858252A
Authority
CN
China
Prior art keywords
buried point
generating
data
point data
route
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.)
Granted
Application number
CN202010716497.2A
Other languages
English (en)
Other versions
CN111858252B (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.)
Industrial and Commercial Bank of China Ltd ICBC
Original Assignee
Industrial and Commercial Bank of China Ltd ICBC
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 Industrial and Commercial Bank of China Ltd ICBC filed Critical Industrial and Commercial Bank of China Ltd ICBC
Priority to CN202010716497.2A priority Critical patent/CN111858252B/zh
Publication of CN111858252A publication Critical patent/CN111858252A/zh
Application granted granted Critical
Publication of CN111858252B publication Critical patent/CN111858252B/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/3065—Monitoring arrangements determined by the means or processing involved in reporting the monitored data
    • G06F11/3072—Monitoring arrangements determined by the means or processing involved in reporting the monitored data where the reporting involves data filtering, e.g. pattern matching, time or event triggered, adaptive or policy-based reporting
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/3065—Monitoring arrangements determined by the means or processing involved in reporting the monitored data
    • G06F11/3086—Monitoring arrangements determined by the means or processing involved in reporting the monitored data where the reporting involves the use of self describing data formats, i.e. metadata, markup languages, human readable formats
    • 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

Abstract

本发明提供了一种基于前端框架的动态埋点方法及装置，基于前端框架的动态埋点方法包括：接收客户端发送的事件触发；响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。本发明提供的基于前端框架的动态埋点方法及装置，解决了现有技术中，新增埋点对象对源码的入侵很大，且不支持动态灵活的自定义埋点数据配置，无法简单便捷的操纵埋点源的难题。

Description

基于前端框架的动态埋点方法及装置
技术领域
本发明涉及计算机数据处理技术领域，尤其是涉及WEB前端技术领域，具体涉及一种基于前端框架的动态埋点方法及装置。
背景技术
随着信息时代的迅速发展，产品为实现不断贴合用户的需求和优化产品的目标，了解用户在产品里做了什么，停留了多久，有什么异样以及行为习惯显得尤为重要。现有技术中，这些都可以通过数据埋点来实现监控。数据埋点即为记录客户的行为过程和操作结果，可根据采集的数据，建立用户画像、用户行为路径等数据，以此来进行需求的优化。埋点的数据分析是产品需求的来源，也是检验功能是否达到预期的佐证。目前业界埋点方案存在的缺点是：新增埋点对象对源码的入侵很大，开发成本太高，且不支持动态灵活的自定义埋点数据配置，无法更简单便捷的操纵埋点源。
目前业界埋点方案大致分为代码埋点、可视化埋点、无埋点。以上方案都无法解决既能够自定义埋点数据源，且又不需要入侵源代码，因此往往在有新增埋点需求的时候，面临着更新代价极大，开发成本很高的问题。
发明内容
针对现有技术中的问题，本发明提供的基于前端框架的动态埋点方法及装置，解决了现有技术中，新增埋点对象对源码的入侵很大，且不支持动态灵活的自定义埋点数据配置，无法简单便捷的操纵埋点源的难题。
为解决上述技术问题，本发明提供以下技术方案：
第一方面，本发明提供一种基于前端框架的动态埋点方法，包括：
接收客户端发送的事件触发；
响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；
将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。
一实施例中，所述生成可信路由埋点数据包括：
响应于所述事件触发，利用所述路由拦截方法获取当前路由信息；
根据所述路由信息生成与所述事件触发对应的可信路由埋点数据。
一实施例中，生成所述埋点对象源的配置文件的步骤包括：
添加及/或修改所述当前路由；
添加及/或修改埋点对象的基础配置，所述基础配置包括：埋点对象的渲染文本以及自定义传递字段；
根据添加及/或修改后的当前路由、添加及/或修改后的基础配置生成所述配置文件。
一实施例中，将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据，包括：
根据所述可信路由埋点数据以及所述渲染文本生成所述埋点对象的配置数据；
如果所述配置文件中存在所述配置数据时，根据所述自定义传递字段生成所述埋点数据。
第二方面，本发明提供一种基于前端框架的动态埋点装置，包括：
事件触发接收单元，用于接收客户端发送的事件触发；
可信数据生成单元，用于响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；
埋点数据生成单元，用于将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。
一实施例中，所述可信数据生成单元包括：
路由信息获取模块，用于响应于所述事件触发，利用所述路由拦截方法获取当前路由信息；
可信数据生成模块，用于根据所述路由信息生成与所述事件触发对应的可信路由埋点数据。
一实施例中，基于前端框架的动态埋点装置还包括配置文件生成单元，用于生成所述埋点对象源的配置文件，所述配置文件生成单元包括：
当前路由修改模块，用于添加及/或修改所述当前路由；
基础配置修改模块，用于添加及/或修改埋点对象的基础配置，所述基础配置包括：埋点对象的渲染文本以及自定义传递字段；
配置文件生成模块，用于根据添加及/或修改后的当前路由、添加及/或修改后的基础配置生成所述配置文件。
一实施例中，所述埋点数据生成单元包括：
配置数据生成模块，用于根据所述可信路由埋点数据以及所述渲染文本生成所述埋点对象的配置数据；
埋点数据生成模块，用于如果所述配置文件中存在所述配置数据时，根据所述自定义传递字段生成所述埋点数据。
第三方面，本发明提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时实现基于前端框架的动态埋点方法的步骤。
第四方面，本发明提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现基于前端框架的动态埋点方法的步骤。
从上述描述可知，本发明实施例提供的基于前端框架的动态埋点方法及装置，首先接收客户端发送的事件触发；接着响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；最后将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。本发明将通过路由拦截得到的路由信息和监听事件得到的埋点对象渲染文本与配置的符合特定关联关系规则的JSON文件对比后进行过滤，从而生成路由菜单的埋点数据和基础按钮控件的埋点数据，传递至后台数据服务器。实现通过配置文件来自定义埋点数据的前端动态化埋点。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明的实施例中基于前端框架的动态埋点方法流程示意图一；
图2为本发明的实施例中步骤200的流程示意图；
图3为本发明的实施例中基于前端框架的动态埋点方法流程示意图二；
图4为本发明的实施例中步骤400的流程示意图；
图5为本发明的实施例中步骤300的流程示意图；
图6为本发明的具体应用实例中基于前端框架的动态埋点方法的流程示意图；
图7为本发明的具体应用实例中埋点对象源JSON文件配置模板示意图；
图8为本发明的实施例中基于前端框架的动态埋点装置的结构框图一；
图9为本发明的实施例中可信数据生成单元的结构框图；
图10为本发明的实施例中基于前端框架的动态埋点装置的结构框图二；
图11为本发明的实施例中配置文件生成单元的结构框图；
图12为本发明的实施例中埋点数据生成单元的结构框图；
图13为本发明的实施例中的电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
本发明的实施例提供一种基于前端框架的动态埋点方法的具体实施方式，参见图1，该方法具体包括如下内容：
步骤100：接收客户端发送的事件触发。
可以理解的是，步骤100中的事件触发是指当某个对象的某个事件或者是执行过程发生了，该对象可以通过事件通知另外一个对象，另外一个对象可以通过传递进来的参数进行相应的处理。在具体场景中，该事件触发可以为用户的鼠标点击、键盘输入等其他操作，以此作为了解用户行为习惯的数据基础。
步骤200：响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据。
这里的路由拦截是指在每个路由跳转时候对当前路由进行判断，若页面不存在“登陆成功时存储的信息”，则将其拦截至登陆界面。
步骤300：将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。
从上述描述可知，本发明实施例提供的基于前端框架的动态埋点方法，首先接收客户端发送的事件触发；接着响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；最后将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。本发明将通过路由拦截得到的路由信息和监听事件得到的埋点对象渲染文本与配置的符合特定关联关系规则的JSON文件对比后进行过滤，从而生成路由菜单的埋点数据和基础按钮控件的埋点数据，传递至后台数据服务器。实现通过配置文件来自定义埋点数据的前端动态化埋点。
一实施例中，参见图2，步骤200进一步包括：
步骤201：响应于所述事件触发，利用所述路由拦截方法获取当前路由信息；
步骤202：根据所述路由信息生成与所述事件触发对应的可信路由埋点数据。
在步骤201至步骤202中，路由有两个特性函数：跳转之前函数beforeEach()和跳转之后函数afterEach()，使用afterEach()函数进行路由跳转后的埋点数据获取，可以监控到正常跳转路由的信息，过滤掉不准确的路由数据。
一实施例中，参见图3，基于前端框架的动态埋点方法还包括：
步骤400：生成所述埋点对象源的配置文件。参见图4，步骤400进一步包括：
步骤401：添加及/或修改所述当前路由；
步骤402：添加及/或修改埋点对象的基础配置。
在步骤401以及步骤402中，优选地，生成埋点对象源的JSON文件配置，可选择性进行添加或修改埋点路由或埋点对象。埋点对象基础配置包括：埋点对象的渲染文本，埋点对象的自定义传递字段。
一实施例中，参见图5，步骤300进一步包括：
步骤301：根据所述可信路由埋点数据以及所述渲染文本生成所述埋点对象的配置数据。
可以理解的是，每一个触发对象都拥有挂载在某一路由下的节点和触发的基础事件都拥有唯一的渲染文本这两个特性。
步骤302：如果所述配置文件中存在所述配置数据时，根据所述自定义传递字段生成所述埋点数据。
把获取到的跳转路由的信息和触发对象的渲染文本与所配置的埋点对象文件进行对比过滤。若比对后，配置文件中存在该埋点对象的配置，生成数据值为配置文件中所配置的埋点对象自定义传递字段的埋点数据。
本发明实施例既能够自定义埋点数据源，且又不需要入侵源代码，解决了现有技术中新增埋点对象对源码的入侵很大，开发成本太高，且不支持动态灵活的自定义埋点数据配置，无法更简单便捷的操纵埋点源的问题。实现了灵活的自定义埋点对象配置、源代码零更新即可对用户行为需求轨迹、使用活跃时间段分析，操作习惯等数据进行统计。
为进一步地说明本方案，本发明提供基于前端框架的动态埋点方法的具体应用实例，具体包括如下内容，参见图6。
步骤S0：用户进行事件触发。
步骤S1：使用路由拦截获取当前路由信息和生成可信的路由埋点数据。
进一步地，步骤S0还包括步骤S11以及步骤S12。
S11：路由拦截是指在每个路由跳转时候对当前路由进行判断，若页面不存在“登陆成功时存储的信息”，则将其拦截至登陆界面。
S12：路由有两个特性函数:跳转之前beforeEach()和跳转之后afterEach()，使用afterEach()进行路由跳转后的埋点数据获取，可以监控到正常跳转路由的信息，过滤掉不准确的路由数据。
步骤S2：获取到触发对象的渲染文本。
对界面触发的事件进行监听，例如点击事件，鼠标滑轮事件等。
步骤S3：埋点对象源的JSON文件配置。
图7为配置文件模板，可选择性进行添加或修改埋点路由或埋点对象。埋点对象基础配置包括：埋点对象的渲染文本，埋点对象的自定义传递字段。
步骤S4：与配置文件对比过滤，生成埋点数据。
每一个触发对象都拥有挂载在某一路由下的节点和触发的基础事件都拥有唯一的渲染文本这两个特性。把步骤S1获取到的跳转路由的信息和步骤S2中触发对象的渲染文本与S3中所配置的埋点对象文件进行对比过滤。进一步地，步骤S4具体包括以下步骤。
S41：若比对后，配置文件中存在该埋点对象的配置，生成数据值为配置文件中所配置的埋点对象自定义传递字段的埋点数据。
从上述描述可知，本发明实施例提供的基于前端框架的动态埋点方法，首先接收客户端发送的事件触发；接着响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；最后将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。本发明采用了路由拦截和触发事件的渲染文本，与配置的JSON文件对比后进行过滤的方法，生成路由菜单的埋点数据和基础按钮控件埋点数据。主要有以下有益效果：
1、适配范围广：所涉及的技术可适配大多主流前端框架，接入成本低。
2、对源码0入侵：可随时通过配置文件灵活进行埋点对象配置和新增，不需要改动源码，对源码0入侵。
3、可扩展性：可根据需求灵活配置JSON文件，通过各个维度进行埋点的数据统计。
基于同一发明构思，本申请实施例还提供了基于前端框架的动态埋点装置，可以用于实现上述实施例所描述的方法，如下面的实施例。由于基于前端框架的动态埋点装置解决问题的原理与基于前端框架的动态埋点方法相似，因此基于前端框架的动态埋点装置的实施可以参见基于前端框架的动态埋点方法实施，重复之处不再赘述。以下所使用的，术语“单元”或者“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的系统较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。
本发明的实施例提供一种能够实现基于前端框架的动态埋点方法的基于前端框架的动态埋点装置的具体实施方式，参见图8，基于前端框架的动态埋点装置具体包括如下内容：
事件触发接收单元10，用于接收客户端发送的事件触发；
可信数据生成单元20，用于响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；
埋点数据生成单元30，用于将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。
一实施例中，参见图9，所述可信数据生成单元20包括：
路由信息获取模块201，用于响应于所述事件触发，利用所述路由拦截方法获取当前路由信息；
可信数据生成模块202，用于根据所述路由信息生成与所述事件触发对应的可信路由埋点数据。
一实施例中，参见图10，基于前端框架的动态埋点装置还包括配置文件生成单元40，用于生成所述埋点对象源的配置文件，参见图11，所述配置文件生成单元40包括：
当前路由修改模块401，用于添加及/或修改所述当前路由；
基础配置修改模块402，用于添加及/或修改埋点对象的基础配置，所述基础配置包括：埋点对象的渲染文本以及自定义传递字段；
配置文件生成模块403，用于根据添加及/或修改后的当前路由、添加及/或修改后的基础配置生成所述配置文件。
一实施例中，参见图12，所述埋点数据生成单元30包括：
配置数据生成模块301，用于根据所述可信路由埋点数据以及所述渲染文本生成所述埋点对象的配置数据；
埋点数据生成模块302，用于如果所述配置文件中存在所述配置数据时，根据所述自定义传递字段生成所述埋点数据。
从上述描述可知，本发明实施例提供的基于前端框架的动态埋点装置，首先接收客户端发送的事件触发；接着响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；最后将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。本发明将通过路由拦截得到的路由信息和监听事件得到的埋点对象渲染文本与配置的符合特定关联关系规则的JSON文件对比后进行过滤，从而生成路由菜单的埋点数据和基础按钮控件的埋点数据，传递至后台数据服务器。实现通过配置文件来自定义埋点数据的前端动态化埋点。
上述实施例阐明的装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为电子设备，具体的，电子设备例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
在一个典型的实例中电子设备具体包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，该处理器执行该程序时实现上述基于前端框架的动态埋点方法的步骤，该步骤包括：
步骤100：接收客户端发送的事件触发；
步骤200：响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；
步骤300：将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。
下面参考图13，其示出了适于用来实现本申请实施例的电子设备600的结构示意图。
如图13所示，电子设备600包括中央处理单元(CPU)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM))603中的程序而执行各种适当的工作和处理。在RAM603中，还存储有系统600操作所需的各种程序和数据。CPU601、ROM602、以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
以下部件连接至I/O接口605：包括键盘、鼠标等的输入部分606；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607；包括硬盘等的存储部分608；以及包括诸如LAN卡，调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器610上，以便于从其上读出的计算机程序根据需要被安装如存储部分608。
特别地，根据本发明的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明的实施例包括一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述基于前端框架的动态埋点方法的步骤，该步骤包括：
步骤100：接收客户端发送的事件触发；
步骤200：响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；
步骤300：将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。
在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
以上该仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种基于前端框架的动态埋点方法，其特征在于，包括：
接收客户端发送的事件触发；
响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；
将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。
2.根据权利要求1所述的基于前端框架的动态埋点方法，其特征在于，所述生成可信路由埋点数据包括：
响应于所述事件触发，利用所述路由拦截方法获取当前路由信息；
根据所述路由信息生成与所述事件触发对应的可信路由埋点数据。
3.根据权利要求2所述的基于前端框架的动态埋点方法，其特征在于，生成所述埋点对象源的配置文件的步骤包括：
添加及/或修改所述当前路由；
添加及/或修改埋点对象的基础配置，所述基础配置包括：埋点对象的渲染文本以及自定义传递字段；
根据添加及/或修改后的当前路由、添加及/或修改后的基础配置生成所述配置文件。
4.根据权利要求3所述的基于前端框架的动态埋点方法，其特征在于，将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据，包括：
根据所述可信路由埋点数据以及所述渲染文本生成所述埋点对象的配置数据；
如果所述配置文件中存在所述配置数据时，根据所述自定义传递字段生成所述埋点数据。
5.一种基于前端框架的动态埋点装置，其特征在于，包括：
事件触发接收单元，用于接收客户端发送的事件触发；
可信数据生成单元，用于响应于所述事件触发，利用路由拦截方法获取渲染文本以及生成可信路由埋点数据；
埋点数据生成单元，用于将预生成的埋点对象源的配置文件与所述渲染文本、所述可信路由埋点数据进行对比，以生成埋点数据。
6.根据权利要求5所述的基于前端框架的动态埋点装置，其特征在于，所述可信数据生成单元包括：
路由信息获取模块，用于响应于所述事件触发，利用所述路由拦截方法获取当前路由信息；
可信数据生成模块，用于根据所述路由信息生成与所述事件触发对应的可信路由埋点数据。
7.根据权利要求6所述的基于前端框架的动态埋点装置，其特征在于，还包括配置文件生成单元，用于生成所述埋点对象源的配置文件，所述配置文件生成单元包括：
当前路由修改模块，用于添加及/或修改所述当前路由；
基础配置修改模块，用于添加及/或修改埋点对象的基础配置，所述基础配置包括：埋点对象的渲染文本以及自定义传递字段；
配置文件生成模块，用于根据添加及/或修改后的当前路由、添加及/或修改后的基础配置生成所述配置文件。
8.根据权利要求7所述的基于前端框架的动态埋点装置，其特征在于，所述埋点数据生成单元包括：
配置数据生成模块，用于根据所述可信路由埋点数据以及所述渲染文本生成所述埋点对象的配置数据；
埋点数据生成模块，用于如果所述配置文件中存在所述配置数据时，根据所述自定义传递字段生成所述埋点数据。
9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至4任一项所述基于前端框架的动态埋点方法的步骤。
10.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至4任一项所述基于前端框架的动态埋点方法的步骤。
CN202010716497.2A 2020-07-23 2020-07-23 基于前端框架的动态埋点方法及装置 Active CN111858252B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010716497.2A CN111858252B (zh) 2020-07-23 2020-07-23 基于前端框架的动态埋点方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010716497.2A CN111858252B (zh) 2020-07-23 2020-07-23 基于前端框架的动态埋点方法及装置

Publications (2)

Publication Number Publication Date
CN111858252A true CN111858252A (zh) 2020-10-30
CN111858252B CN111858252B (zh) 2023-08-18

Family

ID=72950329

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010716497.2A Active CN111858252B (zh) 2020-07-23 2020-07-23 基于前端框架的动态埋点方法及装置

Country Status (1)

Country Link
CN (1) CN111858252B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112527414A (zh) * 2020-12-23 2021-03-19 平安普惠企业管理有限公司 一种基于前端的数据处理方法、装置、设备及存储介质
CN112527439A (zh) * 2020-12-17 2021-03-19 上海数依数据科技有限公司 一种前端展示数据虚拟替换方法
CN113010395A (zh) * 2021-03-02 2021-06-22 中国工商银行股份有限公司 数据采集方法、装置、设备、介质和程序产品

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104572043A (zh) * 2013-10-16 2015-04-29 阿里巴巴集团控股有限公司 一种对客户端应用的控件进行实时埋点的方法及装置
WO2017084508A1 (zh) * 2015-11-17 2017-05-26 阿里巴巴集团控股有限公司 自动埋点方法和装置
CN110399067A (zh) * 2019-07-31 2019-11-01 江苏满运软件科技有限公司 可视化埋点方法、装置、电子设备、存储介质
CN110569185A (zh) * 2019-08-02 2019-12-13 贝壳技术有限公司 一种前端埋点方法和装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104572043A (zh) * 2013-10-16 2015-04-29 阿里巴巴集团控股有限公司 一种对客户端应用的控件进行实时埋点的方法及装置
WO2017084508A1 (zh) * 2015-11-17 2017-05-26 阿里巴巴集团控股有限公司 自动埋点方法和装置
CN110399067A (zh) * 2019-07-31 2019-11-01 江苏满运软件科技有限公司 可视化埋点方法、装置、电子设备、存储介质
CN110569185A (zh) * 2019-08-02 2019-12-13 贝壳技术有限公司 一种前端埋点方法和装置

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112527439A (zh) * 2020-12-17 2021-03-19 上海数依数据科技有限公司 一种前端展示数据虚拟替换方法
CN112527414A (zh) * 2020-12-23 2021-03-19 平安普惠企业管理有限公司 一种基于前端的数据处理方法、装置、设备及存储介质
CN112527414B (zh) * 2020-12-23 2023-09-22 平安普惠企业管理有限公司 一种基于前端的数据处理方法、装置、设备及存储介质
CN113010395A (zh) * 2021-03-02 2021-06-22 中国工商银行股份有限公司 数据采集方法、装置、设备、介质和程序产品

Also Published As

Publication number Publication date
CN111858252B (zh) 2023-08-18

Similar Documents

Publication Publication Date Title
CN111858252A (zh) 基于前端框架的动态埋点方法及装置
US9372688B1 (en) Automatic discovery of a JavaScript API
CN111190673B (zh) 基于操作监测的页面展示方法、装置和电子设备
CN113505302A (zh) 支持动态获取埋点数据的方法、装置、系统及电子设备
CN107766307B (zh) 一种表单元素联动的方法和设备
CN109634702B (zh) 一种信息提示的方法、装置、电子设备及可读介质
CN112954056B (zh) 监控数据处理方法、装置、电子设备及存储介质
CN111324835A (zh) 渲染用户界面组件的方法、装置、电子设备、及存储介质
RU2677563C2 (ru) Способ, терминал и сервер для отображения информации
CN115809056A (zh) 组件复用实现方法、装置和终端设备、可读存储介质
CN114327453B (zh) 页面显示方法、装置、设备及存储介质
CN111382039A (zh) 上报用户行为事件的方法、装置、电子设备及存储介质
CN115470432A (zh) 一种页面渲染方法、装置、电子设备及计算机可读介质
CN114296793A (zh) 混淆代码的反混淆方法、装置、可读介质及电子设备
CN110554892A (zh) 信息获取方法和装置
CN111382038B (zh) 上报业务数据的方法、装置、电子设备及存储介质
CN110020264B (zh) 一种无效超链接的确定方法及装置
CN113778566A (zh) 原生应用调用方法、装置、电子设备和计算机可读介质
CN114064376A (zh) 一种页面监测方法、装置、电子设备及介质
CN111177634A (zh) 支持多语言的文案内容加载方法、装置、设备、及介质
CN111309323A (zh) 参数初始化方法、装置和电子设备
CN111294657A (zh) 信息处理方法和装置
CN111767447A (zh) 用于确定用户流量路径的方法和装置
CN114489660B (zh) 一种埋点代码添加方法、装置及设备
CN114510309B (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